利用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提交数据
原生ajax
利用ajax提交数据
首先一个function 然后获取元素值发送ajax请求然后创建XMLHttpRequest对象,然后设置回调函数,用来返回数据,再初始化xmlHttprequest,然后发送请求,最后一个回调函数判断某某某存在或者不存在。
可能是代码量太多,还有一种简写ajax的方法
利用ajax提交数据
相对来说,比上面的要简洁很多。