Jquery ajax中执行常见任务的不同方法_Jquery_Ajax

Jquery ajax中执行常见任务的不同方法

jquery ajax

Jquery ajax中执行常见任务的不同方法,jquery,ajax,Jquery,Ajax,在浏览ajax时，我发现有许多不同的技术可以用来完成一项共同的任务，但我无法区分这些技术，比如ex:-1 <html> <head> <script> function CheckAjax() { var xmlhttp; if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { // For

在浏览ajax时，我发现有许多不同的技术可以用来完成一项共同的任务，但我无法区分这些技术，比如ex:-1

<html>
<head>
<script>
   function CheckAjax() {
     var xmlhttp;
       if(window.XMLHttpRequest) {     
         xmlhttp = new XMLHttpRequest();
       } else {
         // For IE6 IE5
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
       }
    xmlhttp.onreadystatechange = function() {
       if(xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("check").innerHTML = xmlhttp.responseText;
       }
    }
    xmlhttp.open("GET","ajax_info.txt",true);
    xmlhttp.send();
  } 
</script>
</head>

<body>
<div id="check">
<h2>Let Ajax Change</h2>
</div>
<button type="button" onclick="CheckAjax()">Change Content</button>
</body>
</html>
//this script first checks Object then opens a text file and changes it when button is clicked and show it in a div


函数CheckAjax（）{
var-xmlhttp；
如果（window.XMLHttpRequest）{
xmlhttp=新的XMLHttpRequest（）；
}否则{
//对于IE6 IE5
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
document.getElementById（“check”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”，“ajax_info.txt”，true）；
xmlhttp.send（）；
} 
让Ajax改变
更改内容
//该脚本首先检查对象，然后打开一个文本文件，并在单击按钮时对其进行更改，然后将其显示在div中

另一个脚本可以完成相同的操作，如：-

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("button").click(function(){
    $("#div1").load("ajax_info.txt", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);    //Error 404 Not Found
    });
  });
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#div1”）.load（“ajax_info.txt”，函数（responseTxt、statusTxt、xhr）{
如果（statusTxt==“成功”）
警报（“外部内容已成功加载！”）；
如果（statusTxt==“错误”）
警报（“错误：+xhr.status+”：“+xhr.statusText）；//找不到错误404
});
});
});
让jQuery AJAX更改此文本
获取外部内容

如果我没有错的话，我们可以使用

$.ajax

或

$.post

或

$.get

使用不同的参数和方法来实现相同的目标。现在，遵循和坚持相同模式的最佳便捷方式是什么

$.ajax

是jquery函数，

$.get

和

$.post

是发送ajaxget和post请求的简写。这些都是一样的。在这里，您可以使用任何类型的请求

GET

和

POST

来配置

$.ajax

，设置

类型

还有另一个速记：

$.getJSON

：它与

$ajax

相同，但具有

数据类型：JSON

，表示其响应类型为

JSON

$.load

：它也是一种速记，返回

HTML

或

TEXT

类型响应

Javascript 如果要在不使用jquery的情况下发送ajax请求，则必须使用

XMLHttpRequest

对象

更多详细信息：

最好的便捷方式就是你觉得方便的方式。选择你喜欢或需要的任何东西。