Ajax全接触_技术问答

首页免费课 Ajax全接触问答

Ajax全接触

                
                姜维
            Web前端工程师

                    查看讲师更多课程 
                    姜维讲师的其他课程
                
jQuery插件——Validation Plugin
中级·65870
免费课程
                                
jQM Web App –列车时刻表
中级·38490
免费课程
                                
基于bootstrap的网页开发
中级·187668
免费课程
                                
WEB调试工具---Firebug
初级·77660
免费课程
                                
网页定位导航特效
初级·71402
免费课程
                                
用JS实现放大镜特效
初级·30102
免费课程
                                
                难度中级
            
                时长 2小时10分
            
                学习人数
            
综合评分9.57
                            897人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

真腻歪

谢谢作者帮我从头梳理了AJAX的知识，感谢！

2015-03-27

爱赵晓羊

服务端header("Access-Control-Allow-Origin:*")
header("Access-Control-Allow-Methods:POST,GET")

0 6-3 处理跨域方式--XHR2

2015-03-26

爱赵晓羊

jsonp只能对于get请求有效

0 6-2 处理跨域方式--JSONP

2015-03-26

爱赵晓羊

同源策略的限制
js不允许跨域调用其他页面的对象

2 6-1 处理跨域方式--代理

2015-03-26

爱赵晓羊

在通过post方式请求表单中，在open和send之间，要添加request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

1 3-4 客户端实现

2015-03-26

爱赵晓羊

GET中的请求参数放在url中
POST中的请求参数放在send方法中

0 3-4 客户端实现

2015-03-26

爱赵晓羊

request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
//处理request.responseText
}
}

2 2-5 Ajax-XMLHttpRequest取得响应

2015-03-26

Jooooortty

觉得老师讲得很仔细易懂

0 6-3 处理跨域方式--XHR2

2015-03-26

爱赵晓羊

readyState属性的意思：
0:请求未初始化，open还没有调用
1:服务器连接已经建立，open已经调用
2:请求已经被接收，接收到请求头信息
3:请求处理中，接收到请求体信息
4:请求已完成，并且响应已经就绪完成

3 2-5 Ajax-XMLHttpRequest取得响应

2015-03-26

爱赵晓羊

监听xhr的属性readyState变化

0 2-5 Ajax-XMLHttpRequest取得响应

2015-03-26

爱赵晓羊

设置http请求头信息
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded")

1 2-4 Ajax-XMLHttpRequest发送请求

2015-03-26

爱赵晓羊

xmlhttprequest对象的方法：open（method，url，async）
send（string）

0 2-4 Ajax-XMLHttpRequest发送请求

2015-03-26

爱赵晓羊

请求响应的状态码
1xx：信息类，表示收到web浏览器请求，正在进一步的处理中
2xx：成功，表示用户请求被正确接收，理解和处理。如200 OK
3xx：重定向，表示请求没有成功，客户必须采取进一步的操作
4xx：客户端错误，表示客户端提交的请求有错误，例如，404 not found，意味着请求中所引用的文档不存在
5xx：服务器错误，表示服务器不能完成对请求的处理，如500

1 2-3 Ajax-HTTP请求

2015-03-26

爱赵晓羊

get一般用于获取信息，使用URL传递参数，因此，对所发送信息的数量有限制，一般在2000字符

post一般用于修改服务器的资源，对发送信息的数量无限制

0 2-3 Ajax-HTTP请求

2015-03-26

爱赵晓羊

想兼容所有的浏览器，
var request;
if(window.XMLHttpRequest) { request = new XMLHttpRequest(); }
else { request = new ActiveXObject("Microsoft.XMLHTTP"); //针对ie5，ie6 }

0 2-2 Ajax-XMLHttpRequest对象创建

2015-03-26

首页上一页 172 173 174 175 176 177 178 下一页尾页

该课程已下架

课程须知: 只需要有基础的javascript语法知识，就可以很容易理解本课程哦

老师告诉你能学到什么？: 通过本课程的学习，您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识，只需要一些时间，看似复杂的知识点，其实都是纸老虎，会被你一捅就破。您不但会了解Ajax的使用，而且会清楚Ajax的原理，并举一反三。

微信扫码，参与3人拼团

热搜

最近搜索清空

Ajax全接触