【Ajax】PHP中ajax的基本知识点

Ajax常用属性和方法：

属性：

　　readyState: 0（开始创建ajax对象）1（调用open方法）2（调用send方法）3（正在返回数据）4（返回数据结束）

　　responseText/responseXML: 接受服务器返回信息

　　onreadystatechange: ajax状态readyState发生变化，触发该事件运行

　　status:200/404····

方法：

　　open(请求方式，请求地址，同步异步标志)：创建一个新的http请求

　　send():发送http请求

　　setRequestHeader()：设置HTTP头协议信息

get和post请求注意事项：

　　（1）get在url中直接传递数据，post在send方法中传递

　　（2）传递中文信息时get需要对中文进行编码而post不需要

　　（3）进行post方式请求时候，也可以传递get参数信息，在服务器端可以使用$_GET接受

同步和异步区别：

　　同步就是阻塞式，一个IO请求完成之前不能进行下一个，异步则是非阻塞式的，体现形式是在open(请求方式，地址，true异步/false同步)

缓存处理：

　　（1）在请求地址后加随机数字，保证每次请求都是新的

　　（2）在服务器端给php程序设置header信息，禁止浏览器缓存当前页面

实战代码：

　　（1）test.html

　　<input type="text" id="username" class="input-block-level" placeholder="旧用户名（必须填写）" name="old_username" οnblur="checkname()"><!-- 在失去焦点函数中进行ajax请求 --><span id="usernamespan" style="color: #811501;">对不起用户名已存在！</span><script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("#usernamespan").hide();});function checkname() {var obj = new XMLHttpRequest();//创建ajax对象obj.onreadystatechange = function() {//当ajax对象状态发生变化时触发以下事件if(obj.readyState == 4 && obj.status == 200) {if(obj.responseText == '1')$("#usernamespan").show();//如果返回值为1的时候span显示}}var name = $("#username").val();obj.open("get", './ajax.php?username=' + name);//默认为异步请求obj.send(null);}</script>

　　（2）ajax.php

　　<?php$a = array("tom", "jerry", "marry");//这里没有做与数据库交互，其实做一下也很简单，根据上一篇博客db.php可以很快做出来$name = $_GET['username'];//获取get请求内容if(in_array($name, $a)) {echo '1';}else{echo "0";}

效果如下：

转载于:https://www.cnblogs.com/puyangsky/p/5132563.html

【Ajax】PHP中ajax的基本知识点相关推荐

laravel token ajax,Laravel中ajax post操作需要传递csrf token的最优化解决方式
在Laravel框架中为了防止csrf攻击,规定只要是post操作都要传递_token值,如果是普通表单那么只要在form中添加@csrf代码就可以了,如果采用ajax方式提交post请求时,最简单的 ...
springmvc中ajax,springmvc中ajax处理
1.使用HttpServletResponse处理--不需要配置解析器 @Controller public class AjaxController { @RequestMapping(" ...
ajax on ture,Ajax请求中的async:false/true(同步/异步)的作用
async. 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程.若要将其设置为fa ...
ajax使用教程——ajax使用方法及相关知识点详细解析
写在前面: 本文主要总结整理ajax使用方法背景知识点的详细解析,以及ajax跨域的具体使用方式并且对栗子进行了讲解,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望通过本文能够作为 ...
Ajax中option什么意思,AJAX请求中出现OPTIONS请求
背景有一个前后端分离的VUE项目来发送ajax请求, 查看Nginx日志或使用Chrome Dev Tools查看请求发送情况时, 会看到每次调后台API的请求之前, 都会发送一个OPTIONS请求 ...
Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
ecshop中ajax的调用原理
1:首先ecshop是如何定义ajax对象的. ecshop中的ajax对象是在js/transport.js文件中定义的.里面是ajax对象文件.声明了一个var Ajax = Transport; ...
VS2005中ajax安装指南[转]
2019独角兽企业重金招聘Python工程师标准>>> VS2005中ajax安装指南[转] 以下是收集关于AjaxControlToolkit安装的一篇文章,感谢原作者 AjaxC ...
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...

【Ajax】PHP中ajax的基本知识点

【Ajax】PHP中ajax的基本知识点相关推荐

最新文章

热门文章