原生的Ajax提交方式和JS的提交方式

本文详细解析了原生Ajax的四步提交流程,包括创建对象、请求、响应及提交,并对比了jQuery提供的post、get、getJson和Ajax四种简化提交方式。探讨了不同提交方式的适用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原生的Ajax提交方式为四步:

(2)请求 通过 open和send

(3)响应

(4)提交

 

 

(1)创建对象

 

(2)请求 xmlhttp.open("GET","test1.txt",true); xmlhttp.send(); open (method , url , async) 规定请求的类型、URL以及是否异步处理请求

method请求的类型:get和post

url:文件在服务器的位置

async: true(异步)或 false (同步)

 

send(string) 将请求发送到服务器 (string) 仅用于POST请求

 

(3)响应 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

 

(4)提交 当请求被发送到服务器时,onreadystatechange事件 存储函数(或函数名),每当readystate 属性改变时,就会调用该函数

readystate 存有 XMLHttpRequest 的状态。从0到4发生变化;

0:请求为初始化

1:服务器连接已建立

2:请求已接收

3:请求处理中

4:请求已完成, 准备就绪

 

status: 完成“200” 和 发生错误“404”

 

 

jQuery的提交方式有四种:post,get,getJson,Ajax。

$.post("URL",data,function(){

 

})

 

$.get("URL",function(){

 

})

$.getJson(“URL”,data,function(){

 

})

$.ajax(url,function(){

 

})

所以,原生的提交方式虽然复杂,但是它的规则是没有变化的,只需要按照它的规则写下去就可以了,但jQuery的提交方式却不一样。它的提交方式有多种。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值