Jquery面试总结

1,AJAX,

优点

1，无须刷新整个页面，性能效率较高。

2，提高了用户体验度。

缺点

服务器压力增大，在用户操作过程中，无形的不断给服务器发送请求。

ajax是使用js完成的，所以会有浏览器兼容性问题。

2，AJAX工作原理

ajax是使用js中XmlHttprequest完成的。（第一步获得XMLHttpRequest对象
                 var xhr = new XMLHttpRequest();
               //第二步通过XMLHttpRequest对象的open方法打开连接（此时并没有向服务器发出请求）
               //xhr.open(method请求方式, url请求服务器的地址, async是否使用异步);
                 xhr.open("get", "AjaxServlet", true);
                //第三步发出请求,通过xhr的send方法
               xhr.send(null);//如果是get请求一般传null,如果不传null可能出现浏览器兼容性问题
               //第四步xhr.readyState，xhr对象的状态:0表示刚创建xhr对象 1表示请求开始调用open方法
                //2表示调用了send方法 3表示服务器开始响应 4表示服务器响应结束(我们只关心4状态)
               //xhr.status表示服务器的响应状态码，我们只关心200
                //通过双重判断，保证服务器正常响应
                   xhr.onreadystatechange = function(){
                   if(xhr.readyState == 4 && xhr.status == 200){
                     var text = xhr.responseText;
           alert(text);
}
}）

通过此对象可以向服务器发送异步请求。既可以向服务器发送请求，也可以接受服务器请求。

3，JSON

json可以看成是一个js对象  格式{"属性":"值"}，多个用逗号隔开

json支持的类型String，数组，布尔类型，数字，对象

4，执行js代码的三种方式

           1，$(document).ready(function(e){

             alert("ok1");

               })

                2,$().ready(function(e)){

             alert("ok2");

                }

               3(function(){

              a lert("ok3");

                  })

5，AJAX的使用

var json={"name":"asffas"};

$.ajax({

type:"post",//请求方式

url:""//请求路径

data:json

success:function(data){

}

})

6,如果表单中请求的数据很多，封装成json格式比较麻烦。可以通过serilize()方法把表单中字段封装成json格式数据，用于ajax请求。

  var params = $('input').serialize(); //序列化表单的值

7，分别用js和jquery验证用户名是否可用

8，load(),$.ajax(),$.get(),$.post()
1.load()用法
load("服务器地址")，会把服务器响应的信息加载到制定的位置,如果是一个参数，默认是get请求方式
load("服务器地址",json格式数据),如果是两个参数会以Post的方式向服务器发送请求，其第二个参数必须是json格式的数据
2.$.get(), $.post()
$.get("服务器地址",json格式数据,function(data表示从服务器响应的数据){需要执行的代码})，强制以get方式向服务器发送请求
$.post("服务器地址",json格式数据,function(data表示从服务器响应的数据){需要执行的代码})，强制以post方式向服务器发送请求
3.$.ajax()
$.ajax({
type:"get",//请求方式
url:"AjaxServlet5",//请求服务器路径
data:json,//向服务器发送的数据
success:function(data){//当服务器响应成功时调用回调函数，并把响应的值设置到data参数里
代码
}
});