jQ中如何使用ajax实现用户无刷新登录

这篇文章给大家分享的是有关jQ中如何使用ajax实现用户无刷新登录的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联专注于贺州企业网站建设,成都响应式网站建设,商城建设。贺州网站建设公司,为贺州等地区提供建站服务。全流程定制设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

ajax俗称无刷新登录或局部刷新登录，这样可以提高用户体验了，文章讲到了关于基于jquery ajax用法返回数据与实例2用户无刷新登录

Ajax框架就是提供模块化实现Ajax功能的集合，Ajax框架可以是各种语言实现的（比如SAJAX有各种语言的实现），Ajax只是jquery中的一部分。

实例1代码如下:

$.ajax({   type:'post',//可选get   url:'action.php',//这里是接收数据的PHP程序   data:'data='dsa',//传给PHP的数据，多个参数用&连接   dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html text等   success:function(msg){   //这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！   },   error:function(){   ajax提交失败的处理函数！   }   })    PHP action.php   复制代码 代码如下:  

下面看个jquery ajax用户无刷新登录实例

实例2 代码如下:

                  $(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面   $("#button_login").mousedown(function(){   login(); //点击ID为"button_login"的按钮后触发函数 login();   });   });   function login(){ //函数 login();   var username = $("#username").val();//取框中的用户名   var password = $("#password").val();//取框中的密码   $.ajax({ //一个Ajax过程   type: "post", //以post方式与后台沟通   url : "login.php", //与此php页面沟通   dataType:'json',//从php返回的值以 JSON方式 解释   data: 'username='+username+'&password='+password, //发给php的数据有两项，分别是上面传来的u和p   success: function(json){//如果调用php成功   //alert(json.username+'n'+json.password); //把php中的返回值（json.username）给 alert出来   $('#result').html("姓名:" + json.username + "
密码:" + json.password); //把php中的返回值显示在预定义的result定位符位置   }   });   //$.post()方式：   $('#test_post').mousedown(function (){   $.post(   'login.php',   {   username:$('#username').val(),   password:$('#password').val()   },   function (data) //回传函数   {   var myjson='';   eval('myjson=' + data + ';');   $('#result').html("姓名1:" + myjson.username + "
密码1:" + myjson.password);   }   );   });   //$.get()方式：   $('#test_get').mousedown(function ()   {   $.get(   'login.php',   {   username:$('#username').val(),   password:$('#password').val()   },   function(data) //回传函数   {   var myjson='';   eval("myjson=" + data + ";");   $('#result').html("姓名2:" + myjson.username + "
密码2:" + myjson.password);   }   );   });   }