Ajax

一.异步的XML和javascript
二.作用：在无刷新无提交的情况下实现页面的局部加载，一般用于股票走势图，搜索建议，聊天室等，依赖于底层的xhr对象。

三.get方式

(1)创建一个xhr对象

var xhr=new XMLHttpRequest();

(2)监听xhr状态的改变

xhr.onreadystatechange=function(){
   console.log(xhr.readyState+'xhr状态');
   console.log(xhr.Status+'状态码');
   console.log (xhr.responseText+'响应内容');
//属性：
             //1.readyState===4  //请求状态 1,2,3,4
             //2.status===200          //响应状态码
}

(3)打开一个连接

xhr.open('get','xxx.php',true);

(4)发送数据

xhr.send(null);

(5)例子
验证用户名

    
    


   
用户名: 
   
密码: 
   

   

四.post方式

1.创建xhr对象

    var xhr=new XMLHttpRequest();

2.监听xhr状态的改变

   xhr.onreadystatechange=function(){
        属性：
           1.readyState===4  //请求状态 1,2,3,4
           2.status===200          //响应状态码
   }

3.打开一个链接

     xhr.open('post','xx.php',true);

3.5修改请求消息头部

     xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

4.发送数据

     xhr.send('uname='+uname); 

5.例子

    
        
        
    

    
        
pname:
        
pic:
        
price:
        
prodate:
        

        
    

五.模糊查询

1.拿关键字和数据库中数据对比
2.精准查询

   select * from jd where sname='$sname' 

3.客户端提交一个关键字

     $kw=$_REQUEST['kw'];

4.模糊查询

     select * from jd where sname like '%$kw%' 

5.例子

 $value) {
    echo "
$value[pname]
";
}

SET NAMES UTF8;
DROP DATABASE IF EXISTS jd;
CREATE DATABASE jd CHARSET=UTF8;
USE jd;
CREATE TABLE product(
   pid INT PRIMARY KEY AUTO_INCREMENT,
   pname VARCHAR(32)
);
INSERT INTO product VALUES(NULL,'JavaScript Dom编程艺术');
INSERT INTO product VALUES(NULL,'JavaScript权威指南');
INSERT INTO product VALUES(NULL,'JavaScript高级程序设计');
INSERT INTO product VALUES(NULL,'高性能JavaScript');
INSERT INTO product VALUES(NULL,'JavaScript语言精髓与编程实践');
INSERT INTO product VALUES(NULL,'JavaScript DOM高级程序设计');
INSERT INTO product VALUES(NULL,'JavaScript设计模式');
INSERT INTO product VALUES(NULL,'Java Dom编程艺术');
INSERT INTO product VALUES(NULL,'Java权威指南');
INSERT INTO product VALUES(NULL,'Java高级程序设计');
INSERT INTO product VALUES(NULL,'高性能Java');
INSERT INTO product VALUES(NULL,'Java语言精髓与编程实践');
INSERT INTO product VALUES(NULL,'Java DOM高级程序设计');
INSERT INTO product VALUES(NULL,'Java设计模式');

SELECT * FROM product;