`
- 浏览:
547834 次
- 性别:
- 来自:
武汉
-
jQuery.ajax();
0、jQuery AJAX 请求
请求 描述
$(selector).load(url,data,callback) 把远程数据加载到被选的元素中
$.ajax(options) 把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type) 使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type) 使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback) 使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback) 加载并执行远程的 JavaScript 文件
(selector) jQuery 元素选择器语法
(url) 被加载的数据的 URL(地址)
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时,所执行的函数
(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项
1、回调函数:
说明:如果要处理$.ajax();得到的数据,需要使用回调函数。
beforeSend、 error,dataFilter,success,complete.
* beforeSend :在发送请求之前调用,并且传入了一个XMLHttpRequest作为参数;
* error : 在请求出错时调用,传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象;
* dataFilter : 在请求成功之后调用,传入返回的数据以及"dataType"参数的值。
并且必须返回新的数据(可能处理过的),传递给success回调函数。
* success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串;
* complete 当请求完成之后调用这个函数,无论成功或失败,传入XMLHttpRequest对象,以及一个
包含成功或错误代码的字符串;
2、数据类型:
$.ajax() 函数依赖服务器提供的信息来处理返回的数据;
通过dataType 选项可以指定其他不同数据处理方式;xml,html,json,jsonp,script,text;
注意:text 和html 类型返回的数据不会经过处理;数据仅仅简单的将XMLHttpRequest 的
responseText 或 responseHTML属性传递给success回调函数
3、案例:
//加载并执行一个js文件:
$.ajax({
url:"${pageContext.request.contextPath}/test.js",
type:"post",
dataType:"script"
});
4、保存数据到服务器,成功时显示信息:
$.ajax({
url:'${pageContext.request.contextPath}/MyServlet',
type:'post',
data: 'name=John&location=Boston',
success:function(data)
{
alert(data);
}
});
注意:data的方式传入方式有两种: data: {name:"rencai",password:"123"},
//服务器端
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");
response.setHeader("Cache-Control","no-cache");
PrintWriter out = response.getWriter();
System.out.println(request.getParameter("name"));
out.println("服务器响应了"); //这是服务器的响应要求
out.flush();
out.close();
}
5、载入一个html网页
$.ajax({
url: "test1.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
Jquery跨域访问Web服务的demo源码
主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法,文中通过一段简单的代码给大家介绍jquery ajax超时设置方法,感兴趣的朋友跟随脚本之家小编一起看看吧
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
一个完整的jquery+ajax传送请求的实例
今天小编就为大家分享一篇jQuery中ajax请求后台返回json数据并渲染HTML的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jQuery-ajax-json实现自动轮播图.rar
jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx
jQuery ajax 异步 请求
主要介绍了jquery跨域请求示例(jquery发送ajax请求),需要的朋友可以参考下
下面是在项目中封装了jQuery的Ajax,分享给大家。 代码: 代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url; var href = location.href; // 判断是否跨域请求 var ...
jquery中封装了一些ajax请求的方法,很实用。 比如.ajaxComplete()——请求完成时.ajaxError()——请求失败时.ajaxSend()——在Ajax请求发送时附加一个function去执行.ajaxStart()——请求开始时,.ajaxStop()——...
Jquery progressbar通过Ajax请求获取后台进度演示(Struts2)
这是一个java的web样例工程,实现的是jquery+ajax传输
JQuery发起ajax请求Struts2,并操作JSON数据的例子。去除了所有的jar,否则文件太大。详见http://blog.csdn.net/littleqiang520中的博文。
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
JQuery发送Ajax请求Struts2,并返回JSON的例子。该例子对应 http://blog.csdn.net/littleqiang520中的博文
主要介绍了jQuery取消ajax请求的方法,可实现在Ajax请求超时的情况下取消请求的功能,需要的朋友可以参考下
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery,您可以把握问题的要点,并使用尽可能最少的代码实现您想要的功能。 毫无疑问,jQuery 的原理是独一无二的:...