900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 如何利用jquery实现ajax异步请求返回json数据代码详解

如何利用jquery实现ajax异步请求返回json数据代码详解

时间:2020-12-26 12:26:14

相关推荐

如何利用jquery实现ajax异步请求返回json数据代码详解

web前端|js教程

javascript,jquery,ajax

web前端-js教程

jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。

qrcode源码,公网传输文件ubuntu,爬虫风控框架,golan php,情感网站seolzw

代码示例如下:

微信直播php源码,ubuntu最低硬件要求,浙江义乌网络爬虫,PHP开篇,网站seo快lzw

$(#send).click(function () { $.ajax({ type : "GET", url : "a.php", dataType : "jsonp", success : function (data) { $.each(data.items, function (i, item) {$(" ").attr("src", item.media.m).appendTo("#resText");if (i == 3) { return false;} }); } });});

$.ajax方法如下:

58信息分类源码,ubuntu安装要密码,爬虫学什么技术,php rnt,花桥seo价格lzw

$.ajax({ type: "POST", url: ctxRoot+FolderAction!saveInformSetting.action, data: jsonStr= + inform_settingListStr, dataType: "json", complete: function(data){ //在这里做些事情,假设返回的json数据里有name这个属性 //有时候可以直接data.name或者data[ ame]去访问 //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success } });$.ajax(options)

这是最根本的JQuery Ajax方法,只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。

语法如下:

$.ajax({options});

url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。

type:(string)请求方式,POST或GET

data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:”grayworm”,sex:”male”},如果是数组{works:[“work1″,”work2”]}

dataType:(string)预期返回的数据类型。xml,html,json,text等

beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应的可见。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。