山东电商网站建设,南昌启航科技,免费个人建站系统,哪家公司做网站专业这是一个Ajax函数的缩写#xff0c;这相当于: 123456$.ajax({dataType: json,url: url,data: data,success: success});数据会被附加到一个查询字符串的URL中#xff0c;发送到服务器。如果该值的data参数是一个普通的对象#xff0c;它会转换为一个字符串并使用… 这是一个Ajax函数的缩写这相当于: 1 2 3 4 5 6 $.ajax({ dataType: json, url: url, data: data, success: success }); 数据会被附加到一个查询字符串的URL中发送到服务器。如果该值的data参数是一个普通的对象它会转换为一个字符串并使用URL编码然后才追加到URL中。 大多数情况下都会指定一个请求成功后的回调函数 1 2 3 4 5 6 7 8 9 10 11 12 $.getJSON(ajax/test.json, function(data) { var items []; $.each(data, function(key, val) { items.push(li id key val /li); }); $(ul/, { class: my-new-list, html: items.join() }).appendTo(body); }); 这个例子当然遵循JSON文件的结构 1 2 3 4 5 { one: Singular sensation, two: Beady little eyes, three: Little birds pitch by my doorstep } 使用这种结构这个例子遍历请求的数据建立了一个无序列表并追加到body。 在success回调中传入返回的数据通常是一个JavaScript对象或数组所定义的JSON结构使用$.parseJSON()方法解析。它success回调也传入了响应状态文本。 在jQuery 1.5在success回调函数接收一个“jqXHR”对象 在jQuery 1.4中 它收到的是XMLHttpRequest对象。然而由于JSONP形式和跨域的GET请求不使用XHR在这些情况下 jqXHR和textStatus参数传递给success成功回调是 undefined 。 重要提示 从jQuery 1.4开始如果JSON文件包含一个语法错误该请求通常会静静的失败。因此应该避免频繁手工编辑JSON数据。JSON语法规则比JavaScript对象字面量表示法更加严格。例如所有在JSON中的字符串无论是属性或值必须用双引号括起来更多JSON细节信息请参阅http://json.org/ 。 JSONP 如果URL包含字符串“callback?”或类似的参数取决于服务器端 API 是如何定义的这个请求被视为JSONP形式请求。更多jsonp数据类型的细节讨论请参阅$.ajax()。 The jqXHR ObjectjqXHR 对象 愚人码头注估计是jQuery官方没有及时的更新这条api和jQuery.get() api中的jqXHR 对象描述上有差别。 从jQuery 1.5开始所有jQuery的Ajax方法都返回一个XMLHTTPRequest对象的超集。这个通过$.get()方法返回的jQuery XHR对象或“jqXHR”实现了 Promise 接口使它拥有 Promise 的所有属性方法和行为见Deferred object获取更多信息。 为了便于在 $.ajax()里使用jQuery XHR 对象$.ajax()同样也提供了.error() .success()和.complete()方法。这些方法接受一个函数参数用来请求终止时被调用。这个函数接收与$.ajax()回调函数名中相同的参数。 Promise 接口也允许jQuery的Ajax方法, 包括 $.getJSON(), 在一个单独的请求中关联到 .success(), .complete(), 和 .error() 回调函数 甚至允许你在请求已经结束后指派回调函数。如果该请求已经完成则回调函数会被立刻调用。 1 2 3 4 5 6 7 8 9 10 11 12 13 // Assign handlers immediately after making the request, // and remember the jqxhr object for this request var jqxhr $.getJSON(example.json, function() { alert(success); }) .success(function() { alert(second success); }) .error(function() { alert(error); }) .complete(function() { alert(complete); }); // perform other work here ... // Set another completion function for the request above jqxhr.complete(function(){ alert(second complete); }); Deprecation Notice(弃用通知) jQuery 1.5中引进的 jqXHR.success(),jqXHR.error(),jqXHR.complete()回调方法在jQuery 1.8中废弃。你的代码因做好准备他们最终将被移除使用jqXHR.done(), jqXHR.fail(), 和 jqXHR.always()代替。 Additional Notes:其他注意事项 由于浏览器的安全限制大多数“Ajax”的要求均采用同一起源的政策 ;即无法从不同的域子域或协议中正确接收数据。Script和JSONP形式请求不受同源策略的限制。 例子: Example: 从 Flickr JSONP API中加载最近的四张标签为猫的图片 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 !DOCTYPE html html head styleimg{ height: 100px; float: left; }/style script srchttp://code.jquery.com/jquery-latest.js/script /head body div idimages /div script $.getJSON(http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback?, { tags: mount rainier, tagmode: any, format: json }, function(data) { $.each(data.items, function(i,item){ $(img/).attr(src, item.media.m).appendTo(#images); if ( i 3 ) return false; }); });/script /body /html 转载于:https://www.cnblogs.com/mengziHEHE/p/3331668.html
