千家信息网

ajax 快速入门

发表于:2025-01-22 作者:千家信息网编辑
千家信息网最后更新 2025年01月22日,ajax 快速入门ajax作用:ajax 是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术.(实现浏览器与服务器之间的数据交互,实现页面的无刷新请求服务器,提高用户体验)基本使用:1
千家信息网最后更新 2025年01月22日ajax 快速入门

ajax 快速入门

ajax作用:ajax 是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术.(实现浏览器与服务器之间的数据交互,实现页面的无刷新请求服务器,提高用户体验)

基本使用:

1.创建ajax对象:

new XMLHttpRequest() //普通浏览器使用,ie浏览器有特殊

2.创建事件函数(处理服务器返回的结果):

onreadystatechange

readyState ajax对象状态:0:请求未初始化 1:服务器连接已建立 2:请求已接收 3:请求处理中 4请求已完成,且响应

status 响应码:200:'ok' 404:未找到页面 403:权限不足

responseText 接受服务器的返回的数据

3.初始化ajax请求

get --- xmlhttp.open('GET',1.php?a=1&b=2&c-3',true);

post --- xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded"):

xmlhttp.open('POST','1.php',true);

4.发送ajax请求 --- send()


服务器返回

  1. echo 普通的字符串

  2. 普通html文件

  3. 返回xml字符串

  4. 索引数组

  5. 关联数组


注意事项

同源策略-当前页面要和服务器的协议地址和端口都要相同

post发送ajax请求

--- setRequestHeader("content-type','application/x-www-from-urlencoded");

--- 发送参数 send("a=100&b=www")

firebug的使用

例子:




0