ajax请求接口里的数据,然后显示在页面里

 我来答
百度网友faadf46
高粉答主

2020-05-06 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:75.3万
展开全部

1、在模板中使用了jQuery插件封装的ajax,我用到的是get请求,这在django中涉及到模板和静态文件的使用。

2、然后配置路由,因为我们在ajax中请求的路由地址是getdata,所以在django路由中也要设计这个路由url,并且用views的函数处理路由。

3、然后用视图函数处理对应路由url的请求,然后导入方法JsonResponse,然后我自定义一个字符串,并且用键值对字典的形式返回。注意,最好用JsonResponse方法返回数据,不然可能得不到json格式的数据。

4、get请求中的data参数就是存储后台返回的数据的,但是这个数据是json格式的,所以我们可以通过data.键名(刚才定义的u),这样就可以取出数据了。

5、运行django服务器之后,点击按钮,那么就会开始请求数据,然后弹出数据。可以看到数据跟后台定义的数据一模一样。

丿韩灬轩
2015-12-15 · TA获得超过143个赞
知道小有建树答主
回答量:222
采纳率:0%
帮助的人:108万
展开全部
首先确认他给你返回的是一个string类型还是数组。
如果是数组的话要知道他给你返回数组的KEY值。
调用的时候如果是数组给他用ajax请求的时候设定下返回数据类型json
在success 返回方法里直接调用比如
success:function (val){
val.name //就是获取他返回数组里的name值
}
如果不是数组直接输出val就行了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jiushiyijiu
推荐于2017-10-07
知道答主
回答量:14
采纳率:0%
帮助的人:2.9万
展开全部
$.ajax({
url:"这里是你要请求的地址",
data:{"id":id}, //以键/值对的形式
async : false,
dataType : "json",
success : function(data) {
for(int i = 0; i < data.length; i++) { //循环后台传过来的Json数组
var datas = data[i];
$("#id").append("<p>"+datas.email+"</p>")
}
}
});
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
无出息的汉子
2015-12-15 · TA获得超过152个赞
知道小有建树答主
回答量:378
采纳率:0%
帮助的人:124万
展开全部
后台:

namespace Ajax
{
/// <summary>
/// GetDrive 的摘要说明
/// </summary>
public class GetData : IHttpHandler, IRequiresSessionState
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write("Hello world!");
}
}
JS:
$.ajax({
url:'/ajax/GetData.ashx',

success:function(result){
$("#div").html(result);
}

});
追问
如果说请求接口,接口给出json字符串,解析json字符串,显示到页面。只要js代码。接口地址随便写什么代替0.0 让我看明白点。谢谢。弄好了加20
追答
我晕,损失大了,那还不简单啊?
比如你返回{"name":"andy","age":62}
success:function(msg){
var json=$.parseJSON(msg);

$("#div").html("name:"+json.name+"age:"+json.age);

}
就这东西,你采纳了别人。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
该死的图书
2015-12-15
知道答主
回答量:60
采纳率:50%
帮助的人:19.8万
展开全部
跨域不跨域,写个ajax不就完事了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式