Ajaxr入门

最新推荐文章于 2021-10-29 14:51:54 发布

Asuna01

最新推荐文章于 2021-10-29 14:51:54 发布

阅读量191

点赞数

分类专栏： C# 文章标签： c#

原文链接：https://blog.csdn.net/fortunegrant/article/details/79534732

版权

C# 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

本文详细介绍了AJAX的核心原理，包括创建XMLHttpRequest对象、发送请求和接收响应。同时，讨论了GET和POST请求的差异，如数据传输方式、长度限制、缓存处理和安全性。此外，还探讨了在什么情况下应选择POST请求。最后，通过jQuery中的ajax示例展示了如何实现异步数据交互。

摘要由CSDN通过智能技术生成

var request;
if(window.XMLHttpRequest){
request=new XMLHttpRequest(); //IE7+,…
}else{
request=new ActiveXObject(“Microsoft.XMLHTTP”); //IE6,IE5

用XHR发送请求：
open(method,url,async) 调用XHR对象，async表示同步还是异步，默认为true(异步)；
send(String) 发送请求。

request.open(“POST”,“create.php”,true);
request.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”); //必须写在open和send中间
request.send(“name=王大锤&sex=男”);

一、xhr取得响应
1、responseText:获得字符串形式的相应数据。
2、responsXML:获得XML形式的相应数据。
3、status和statusText：以数字和文本形式返回http状态码。
4、getAllResponseHeader()：获取所有的响应报头。
5、getResponseHeader()：查询响应中的某个字段的值。
6、readyState属性：响应返回成功的时候得到通知。
（1）0：请求未初始化，open还没有调用。
（2）1：服务器连接已建立，open已经调用了。
（3）2：请求已经接收，也就是接收到头信息了。
（4）3：请求处理中，也就是接收到响应主体了。
（5）4：请求已完成，且响应已就绪，也就是响应完成了。
二、典型的xhr建立ajax的过程。（涵盖了ajax的大部分内容）
1、new一个xhr对象。
2、调用xhr对象的open方法。
3、send一些数据。
4、对服务器的响应过程进行监听，来知道服务器是否正确得做出了响应，接着就可以做一些事情。比如获取服务器响应的内容，在页面上进行呈现。

jquery中的ajax
$KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotse.php?number="+$ ("#keyword").val(),
dataType:“json”, 预期服务器返回数据的类型
success:function(data){
if(data.success){
$(“searchResult”).html(data.msg);
}else{
$("#searchResult").html(“出现错误：” + data.msg);
}
},
error:function(jqXHR){
aler(“发生错误：”+ jqXHR.status);
}
});

get/post请求的区别：

GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中，这种区别对用户是不可见的。
首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上，URL不存在参数上限的问题，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器，如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。注意这是限制是整个URL长度，而不仅仅是你的参数值数据长度。
GET方式请求的数据会被浏览器缓存起来，因此其他人就可以从浏览器的历史记录中读取到这些数据，例如账号和密码等。在某种情况下，GET方式会带来严重的安全问题。而POST方式相对来说就可以避免这些问题。

get请求和post请求在服务器端的区别: