使用Ajax须留心两类错误。它们的差别源于视角的不同。 第一类错误是从XMLHttpRequest对象的角度看到的问题:某些因素阻止了请求发送到server,比如DNS无法解析主机名,连接请求被拒绝。...第二类错误是从应用程序的角度看到的问题:它们发生于请求成功发送至server,server接受请求。进行处理并生成响应,但该对应并不指向你期望的内容时。...有三种方式能够处理这些错误,例如以下代码所看到的: <!...httpRequest.open("GET","http://a.nodomain/doc.html"); break; //处理设置错误...("GET","http://"); break; //处理应用程序错误:请求已成功完毕,但当你请求某个不存在的文档时
① 回调函数 如果需要处理 $.ajax() 得到的数据,需要使用回调函数。...传入返回数据以及“dataType”参数的值。并且必须返回(经处理的)数据传递给success回调函数。 success:当请求之后调用。...②数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回数据。 通过指定 dataType选项还可以指定不同的数据处理方式。...参数由服务器返回,并根据dataType参数进行处理数据。 timeout:设置请求超时时间(毫秒)。...加载并执行一个 JS 文件 $.ajax({ type: "GET", url: "test.js", dataType: "script" }); // 一个稍微完整点的例子
jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (String) : 发送请求的URL地址....其实应该为客户端请求的类型(JSON,XML,等等) 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。...//this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this console.log(data);//object console.log(JSON.stringify
cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。...可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。 script:返回纯文本JavaScript代码。...由服务器返回,并根据dataType参数进行处理后的数据。 描述状态的字符串。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...中 Ajax 的使用 $.ajax({ type : 'get', url : 'getCode.php', data : {'mobile' : phone}, dataType
欢迎来到这篇关于使用 jQuery 中的 ajax() 方法进行 Ajax 请求的博客。...在前端开发中,jQuery 提供了简便而强大的工具,其中 ajax() 方法为我们处理异步请求提供了便捷的解决方案。...在这篇文章中,我们将深入探讨 ajax() 方法的使用,同时为你呈现丰富的实例。什么是 Ajax?在开始讲解 jQuery 的 ajax() 方法之前,让我们先回顾一下 Ajax 的基础知识。...>在这个例子中,我们通过设置 dataType: "jsonp" 来告诉 jQuery 发起一个 JSONP 请求。...这样,所有使用 ajax() 方法的请求都会继承这些全局设置。结语通过本文的介绍,你应该对 jQuery 中的 ajax() 方法有了更深入的了解。
可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(在jQuery 1.4.x前为XMLHttpRequest) 对象。...有以下三个参数:jqXHR (在 jQuery 1.4.x前为XMLHttpRequest) 对象、描述发生错误类型的一个字符串 和 捕获的异常对象。...三:拓展快捷方法get/post/getJson 方法 (1):get jQuery.get( url [, data ] [, success ] [, dataType ] ) $.ajax...如果提供dataType选项,那么这个success选项是必须的, 但你可以使用null或jQuery.noop作为占位符。
AJAX的使用 jquery将它封装成了一个方法$.ajax(),我们可以直接用这个方法来执行ajax请求。...> 如果出现下面错误提示: Uncaught TypeError: $.get(...).error is not a function 就是jquery版本不同,导致$.get()无法使用error方法...设置返回的数据格式 "xml" "html" "text" "json" error 表示错误异常处理 func 错误异常回调函数 ajax 是发送http...请求获取后台服务器数据的技术 ajax的简写方式可以使用.get和.post方法来完成 知识点回顾 本节介绍了ajax的基本使用方式,jquery基础知识已经讲完,先回顾一下: 1、jquery...的使用,两种写法,一种$.ajax({}),一种$.get()。
函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。...通过 dataType 选项还可以指定其他不同数据处理方式。除了单纯的 XML,还可以指定 html、json、jsonp、script 或者 text。...如果服务器需要 HTTP 认证,可以使用用户名和密码可以通过 username 和 password 选项来设置。 Ajax 请求是限时的,所以错误警告被捕获并处理后,可以用来提升用户体验。
在折腾前端的时候,有时候要跟后端交互,需要调用Ajax, 原始的Ajax不那么好用,可以用jquery里面的。或者用插件axios。 jQuery对Ajax的操作进行了封装。...jQuery中.ajax()属于最底层的方法。...可用类型: xml:返回XML文档,可用jquery处理 html:返回纯文本HTML信息,包含的script标签会插入DOM时执行。 script:返回纯文本JavaScript代码。...使用JSONP形式调用函数时,例如myurl?callback=?,jquery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...有2个参数: 参数:由服务器返回,并根据dataType参数进行处理后的数据和描述状态的字符串。
jQuery内部也封装了对原生ajax请求的方法,可以很方便我们的对后台异步请求处理。...cache 类型:Boolean 默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。...dataType 类型:String 预期服务器返回的数据类型。 (xml、html、script、json、jsonp、text)。...参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。 这是一个 Ajax 事件。 type 类型:String 默认值: "GET")。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。
提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...通过 dataType 选项还可以指定其他不同数据处理方式。除了单纯的 XML,还可以指定 html、json、jsonp、script 或者 text。...如果服务器需要 HTTP 认证,可以使用用户名和密码可以通过 username 和 password 选项来设置。 Ajax 请求是限时的,所以错误警告被捕获并处理后,可以用来提升用户体验。
5.cache: 要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...function (data, type) { // 对Ajax返回的原始数据进行预处理 return data // 返回处理后的数据 } dataType type:String...可用值: “xml”: 返回 XML 文档,可用 jQuery 处理。 “html”: 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。...这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象 。
JSON数据+额外参数 参考文章 ajax传参形式 介绍 $.ajax()是jQuery发送异步请求的方式,简化了原生js的操作过程。...选项详解 jQuery ( jQuery v1.11.2) $.ajax({ url: "http://www.hzhuti.com", //请求的url地址 dataType...使用 JSONP 形式调用函数时, 如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。...这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。...{ //请求出错处理... } }); 参考文章 Ajax请求($.ajax()为例)中data属性传参数的形式 jQuery ajax——参数详解
5.cache: 要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
cache:默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。...可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
二、Django中用JQuery实现Ajax异步请求 JQuery是Javascript的一个封装库,JQuery极大地简化了 JavaScript 编程。...一,在html页面中引入js文件: script src="{% static '/js/jquery_2.1.1_jquery.min.js' %}">script> 二,在html页面中编写需要局部刷新的...html文本和通过jquery实现的ajax代码,这一步非常关键: AJAX提交" id="b2"> script> $(document).ready(function(){ $("#b2").on("click", function...--为什么这个url只能使用原生url里的链接--> type:"GET", data:{ "blogtitle":$("#title").val(), },
使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...(1)由服务器返回,并根据dataType参数进行处理后的数据。 (2)描述状态的字符串。...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。
json数据是一种经型的实时数据交互的数据存储方法,使用到最多的应该是ajax与json配合使用了,下面我来给大家介绍jquery处理json数据方法。...JSON的键(Key)用双引号括起来,比如上面的“Area“和”AreaId“,都是用双引号括起来的,在一些语言中构造JSON字符串的时候,可以使用转义字符转义双引号。 ...strJSON = ‘{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}’, 这表示一个JSON字符串,由于在Js中单引号和双引号都可以表示一个字符串,所以上面第一个使用双引号和第二个使用单引号的都表示一个...> jquery脚本: 返回到js后的处理: 一种是可以用eval转化的:是字符串的时候就要用eval转化成jquery对象(如下) var arr = '{"red":{"id":1,"name":"...这个是php中自动转换的 var dataObj = eval("("+arr+")");//这里要加上加好括号和双引号的原因我也不知道,就当是json语法,此时字符串就转为json对象了 另外一种是用jquery
可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。