js(三) ajax异步局部刷新技术底层代码实现

ajax 异步 javaScript and xml

开发五步骤:


1. 创建对象 XMLHttpRequest(chrome,firefox) ie... jquery


2. 找到连接, http的method方法    GET|POST    PUT DELETE


3. 注册监听器  有数据返回之后,就会自动调用该方法(不是一次 3次)


4. 发送请求 POST PUT delete 请求数据


5. 处理请求

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 
 4 
 5 
 6 
 7 Insert title here
 8 
14 
15 
16     
17     
18     
48 
49 

 

当我们提交类型为POST时,要注意:

1.open打开连接的方式要为(第一个参数)post并且(第二个参数)url为链接地址:

 req.open("POST","tips.jsp");

2.设置请求头:

    req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

3.发送请求的时候写上传输的值:

 req.send("k="+th.value);

源码:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 
 4 
 5 
 6 
 7 Insert title here
 8 
14 
15 
16 
17 
18 
49 
50 
View Code

 

ajax+jquery:

 1 
 2 
 3 
 4 
 5 
 6 
 7 Document
 8 
 9 
26 
33 
34 
35     
36     
37 
38 

 

转载于:https://www.cnblogs.com/LiuOOP/p/11096407.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部