一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JQuery與Ajax常用代碼實(shí)現(xiàn)對比

傳統(tǒng)ajax Code
復(fù)制代碼 代碼如下:
<script language="Javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
}
function startRequest(){
createXMLHttpRequest();
xmlHttp.open("GET","14-1.ASPx",true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
document.getElementById("target").innerHTML = xmlHttp.responseText;
}
xmlHttp.send(null);
}
</script>

JQuery方法
Code
復(fù)制代碼 代碼如下:
<script language="Javascript" src="jquery.min.js"></script>
<script language="Javascript">
function startRequest(){
$("#target").load("14-1.ASPx");
}
</script>

get and post
Code
復(fù)制代碼 代碼如下:
<title>GET VS. POST</title>
<script language="Javascript" src="jquery.min.js"></script>
<script language="Javascript">
function createQueryString(){
var firstName = encodeURI($("#firstName").val());
var birthday = encodeURI($("#birthday").val());
//組合成對象的形式
var queryString = {firstName:firstName,birthday:birthday};
return queryString;
}
function doRequestUsingGET(){
$.get("14-5.ASPx",createQueryString(),
//發(fā)送GET請求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
function doRequestUsingPOST(){
$.post("14-5.ASPx",createQueryString(),
//發(fā)送POST請求
function(data){
$("#serverResponse").html(decodeURI(data));
}
);
}
</script>
</head>
<body>
<h2>輸入姓名和生日</h2>
<form>
<input type="text" id="firstName" /><br>
<input type="text" id="birthday" />
</form>
<form>
<input type="button" value="GET" onclick="doRequestUsingGET();" /><br>
<input type="button" value="POST" onclick="doRequestUsingPOST();" />
</form>
<div id="serverResponse"></div>
</body>
</html>

控制ajax
Code
復(fù)制代碼 代碼如下:
<title>$.ajax()方法</title>
<script language="Javascript" src="jquery.min.js"></script>
<script language="Javascript">
function createQueryString(){
//必須兩次編碼才能解決中文問題
var firstName = encodeURI(encodeURI($("#firstName").val()));
var birthday = encodeURI(encodeURI($("#birthday").val()));
//組合成對象的形式
var queryString = "firstName="+firstName+"&birthday="+birthday;
return queryString;
}
function doRequestUsingGET(){
$.ajax({
type: "GET",
url: "14-5.ASPx",
data: createQueryString(),
success: function(data){
$("#serverResponse").html(decodeURI(data));
}
});
}
function doRequestUsingPOST(){
$.ajax({
type: "POST",
url: "14-5.ASPx",
data: createQueryString(),
success: function(data){
$("#serverResponse").html(decodeURI(data));
}
});
}
</script>
</head>
<body>
<h2>輸入姓名和生日</h2>
<form>
<input type="text" id="firstName" /><br>
<input type="text" id="birthday" />
</form>
<form>
<input type="button" value="GET" onclick="doRequestUsingGET();" /><br>
<input type="button" value="POST" onclick="doRequestUsingPOST();" />
</form>
<div id="serverResponse"></div>
</body>
</html>

全局設(shè)置ajax
Code
復(fù)制代碼 代碼如下:
<title>$.ajaxSetup()方法</title>
<script language="Javascript" src="jquery.min.js"></script>
<script language="Javascript">
$.ajaxSetup({
//全局設(shè)定
url: "14-5.ASPx",
success: function(data){
$("#serverResponse").html(decodeURI(data));
}
});
function createQueryString(){
//必須兩次編碼才能解決中文問題
var firstName = encodeURI(encodeURI($("#firstName").val()));
var birthday = encodeURI(encodeURI($("#birthday").val()));
//組合成對象的形式
var queryString = "firstName="+firstName+"&birthday="+birthday;
return queryString;
}
function doRequestUsingGET(){
$.ajax({
data: createQueryString(),
type: "GET"
});
}
function doRequestUsingPOST(){
$.ajax({
data: createQueryString(),
type: "POST"
});
}
</script>

JavaScript技術(shù)JQuery與Ajax常用代碼實(shí)現(xiàn)對比,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产福利在线观看视频 | 亚洲一区二区在线成人 | 激情小说亚洲图片 | 五月天丁香六月欧美综合 | 欧美大成色www永久网站婷 | 伊人五月婷婷 | 欧美日韩国产一区二区三区伦 | 五月六月丁香 | 精品国产一区二区三区不卡在线 | 在线观看一区二区三区视频 | 免费午夜视频在线观看 | 国产精品分类视频分类一区 | 欧美一级做一a做片性视频 欧美一级做一级做片性十三 | 久在线观看视频 | 国产精选在线视频 | 免费观看国产一区二区三区 | 亚洲精品国产手机 | 国产精品免费αv视频 | 五月丁香六月综合缴清无码 | 日本视频www色变态 日本视频网站在线www色 | 亚洲图片小说视频 | 88av影院| 欧美一区色 | 视频一区二区国产 | 91麻豆精品国产剧情 | 国产男人和女人做性全部视频 | 九九综合 | 国产精选91热在线观看 | 涩涩涩涩涩涩涩涩涩涩 | 伊人2 | 国产精品一区伦免视频播放 | 天天干天| 欧美人成网站免费大全 | 国产成人激烈叫床声视频对白 | 女人张腿让男桶免费视频大全 | 春色激情站| 亚洲福利网站 | 97精品国产自在现线免费 | 婷婷激情综合网 | 综合区小说区图片区在线一区 | 青草国产在线观看 |