利用ajax提交数据

什么是ajax?
Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。

首先,需要获取XMLhttpRequest对象:var xhr; xhr=new XMLHttpRequest();
XMLhttpRequest对象有五个核心的属性:onreadystatechange:当准备状态发生变化 readyState:准备状态,该属性的值可以是0-4之间的数据,0表示还没有建立链接,4表示接收到响应。- Status:响应码,比如400、200。responseText:响应的字符串。responseXML:以xml形式获取响应值并且解析成DOM对象返回。
当需要发出请求时,需要使用2个函数:open(请求方式,请求路径,是否异步)-send()
如何向服务器发出请求:xmlhttp.open(GET,ajax_info.text,true);xmlhttp.send();
Url:链接服务器的位置;async:true(异步)–false(同步)
一般来说大多数都喜欢用POST请求方式,POST可以向服务器发送大量的数据(没有数据的限制)

先引入必要的文件:jquery.js,layui.js弹出框框架可选用,如果用原生js的可以不用插件
在这里插入图片描述
原生ajax
在这里插入图片描述
首先一个function 然后获取元素值发送ajax请求然后创建XMLHttpRequest对象,然后设置回调函数,用来返回数据,再初始化xmlHttprequest,然后发送请求,最后一个回调函数判断某某某存在或者不存在。
可能是代码量太多,还有一种简写ajax的方法
在这里插入图片描述
相对来说,比上面的要简洁很多。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值