ajax用法,ajax的详细使用
各位老铁们,大家好,今天由我来为大家分享ajax用法,以及ajax的详细使用的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!
请列举jquery中关于ajax的常用的3种请求的基本用法
jQuery中ajax的4种常用请求方式:
1.$.ajax()返回其创建的 XMLHttpRequest对象。
$.ajax()只有一个参数:参数 key/value对象,包含各配置及回调函数信息。详细参数选项见下。
如果你指定了 dataType选项,请确保服务器返回正确的 MIME信息,(如 xml返回"text/xml")。
实例:
保存数据到服务器,成功时显示信息。
$.ajax({
type:"post",
dataType:"html",
url:'/Resources/GetList.ashx',
data: dataurl,
success: function(data){
if(data!=""){
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick});
$("#anhtml").html(data.split("$$")[0]);
}
}
});
2.通过远程 HTTP GET请求载入信息。
这是一个简单的 GET请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。
实例:
$.get("test.cgi",{ name:"John", time:"2pm"},
function(data){
alert("Data Loaded:"+ data);
});
3.通过远程 HTTP POST请求载入信息。
这是一个简单的 POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。
实例:
$.post("/Resources/addfriend.ashx",{"fid": fids,"fname": fnames,"tuid": tuids,"tuname": tunames}, function(data){
if(data=="ok"){
alert("添加成功!");
}
})
4.通过 HTTP GET请求载入 JSON数据。
实例:
$.getJSON("?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if( i== 3) return false;
});
});
希望对你有用。
jquery ajax get怎么用
jquery ajax get是用来发送get请求给服务器的,具体用法如下:
get()方法通过远程 HTTP GET请求载入信息。
这是一个简单的 GET请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用$.ajax。
语法
$(selector).get(url,data,success(response,status,xhr),dataType)
具体例子:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert("数据:"+ data+"
状态:"+ status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP GET请求,然后获得返回的结果</button>
</body>
</html>
返回结果:
java怎么处理ajax
ajax是一种用来改善用户体验的技术,其实质是利用浏览器内置的一个特殊的对象
(XMLHttpRequest对象,一般称之为ajax对象)异步地(当ajax对象发请求时,浏览
器不会销毁当前页面,用户任然可以对当前页面做其他操作)向服务器发送请求,
服务器送回部分数据(并不是一个完整的页面),利用这些数据更新当前页面。整
个过程,页面无刷新,不打断用户的操作
编程步骤:
step1,获得ajax对象
比如:
var xhr=getXhr();
step2,发请求:
方式一:get请求
xhr.open('get','check_username.do?username=zs',true);
请求参数、请求资源路径、是否异步
注意:
a,get请求必须将请求参数添加到请求资源路径的后面。
b,true表示异步请求、false表示同步请求。
异步请求:发请求时,浏览器不会销毁当前页面,用户可以对当前页面做
其他操作。
同步请求:发送请求时,浏览器不会销毁当前页面,用户不可以对当前页面
做其他操作。
xhr.onreadystatechange=f1;
xhr.send(null);
方式二:post请求
xhr.open('post','','')
step3,编写服务器端的处理程序,一般服务器只需要返回部分的数据。
step4,编写事件处理函数。
function f1(){
if(xhr.readyState==4){
var txt=xhr.responseText;
使用txt更新当前页面...
}
}
java服务器端处理ajax发送的请求,和处理其他请求是一样的,只是在客户端页面表现的不同,比如:执行页面发送删除请求,服务器端在执行删除后,页面是需要刷新的。
ajax最经典的用法是验证码,注册页面如果因为验证码输入错误要刷新,之前的信息重填,估计用户会崩溃,采用ajax异步发送请求,就不会影响之前填写的信息
关于ajax用法到此分享完毕,希望能帮助到您。