AJAX--jQuery
Posted 64Byte
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AJAX--jQuery相关的知识,希望对你有一定的参考价值。
JQuery实现AJAX更加简洁,方便.
$.ajax([设置参数]);
String url 、发送请求的地址,默认为当前页地址
String type、请求方式(POST或者GET,默认为GET)
Number timeout 、设置请求超时时间
Object data 或 String data、发送到服务器的数据
String dataType、 预期服务器返回的数据类型,可用类型有:XML,html,Script,JSON,JSONP,Text
function beforeSend(XMLHttpRequest xhr)、发送请求前调用的函数、参数xhr,可选, XMLHttpRequest对象
function complete(XMLHttpRequest xhr,String ts)、请求完成后调用的函数(请求成功或失败时均调用)
参数: xhr,可选, XMLHttpRequest对象, ts可选,描述请求类型的字符串
function success(Object result,String ts) 、请求成功后调用的函数
参数result:可选,由服务器返回的数据、参数ts可选,描述请求类型的字符串
function error(XMLHttpRequest xhr,String em,Exception e) 、请求失败时调用的函数
参数: xhr,可选, XMLHttpRequest对象,参数em可选,错误信息,参数e:可选 ,捕获的异常对象
boolean global 默认为true,表示是否触发全局的AJAX事件
GET请求
function changeBox(){ $.ajax("/day_12Ajax/BServlet?name=zhangsan",{ dataType:"text", type:"GET", success:function(rs){ alert(rs); } 或 $(function(){ $("#btn").click(function(){ $.ajax({ url:getPath()+"/AServlet", type:"GET", data:"name=张三", dataType:"text", success:function(data){ alert(data); } });
//post请求 $.ajax("/day_12Ajax/BServlet",{ dateType:"text", type:"POST", data:{name:"zhangsi",age:21}, success:function(rs){ alert(rs); } })
简单的请求功能取代复杂 $.ajax
//get提交 $.get("/day_12Ajax/BServlet?name=zhanga",function(rs){ alert(rs); }) //post提交 $.post("/day_12Ajax/BServlet",{name:"lisi"},function(rs){ alert(rs); })
//load() ,给标签中直接赋值 $("#box").load("/day_12Ajax/BServlet",{name:"post",age:34});
以上是关于AJAX--jQuery的主要内容,如果未能解决你的问题,请参考以下文章
关键词搜索&分页功能的前端代码(ajax + jQuery)
使用 ajax、jquery 和 PHP 从数据库更新图像不起作用
使用 JSON 数据的 Ajax / Jquery 自动完成