php局部刷新div ajax,jqury+ajax+php最简单的例子局部刷新页面

研究ajax，想作个登陆框，无刷新就把用户名密码提交给后台@R_301_461@程序，验证后发回。

几经琢磨 总算出来前台代码：

//导入jQuery框架文件 要用jQuery必须做此步

$(document).ready(function(){//这个就是jQueryready ，它就像C语言的main 所有操作包含在它里面 $("#button_login").mousedown(function(){

login();//点击ID为"button_login"的按钮后触发函数 login(); });

});

function login(){//函数 login();var username = $("#username").val();//取框中的用户名var password = $("#password1").val();//取框中的密码

$.ajax({//一个Ajax过程 type: "post",//以post方式与后台沟通 url : "./@R_301_461@_ajax/login.@R_301_461@",//与此@R_301_461@页面沟通 dataType:'json',//从@R_301_461@返回的值以 JSON方式 解释 data: 'username='+username+'&password='+password,//发给@R_301_461@的数据有两项，分别是上面传来的u和p success: function(json){//如果调用@R_301_461@成功 alert(json.username+'\n'+json.password); //把@R_301_461@中的返回值(json.username)给 alert出来 }

});

}

具体的@R_301_461@ 我只是把代码原封返回，以后该改成到数据库检查。

@R_301_461@

echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));

?>

json_encode的功能是 把@R_301_461@中的变量组成数组 再封装成Json格式 再echo出来返回给调用它的jquery.ajax()

总的来说 过程是：

用户填完用户名密码 单击按钮“登陆”

jQuery 取得用户名 密码

jQuery把两个变量以post方式发送给login.@R_301_461@

login.@R_301_461@ 把变量进行处理 然后把返回封装成Json

把Json抛给 前台页面

前台解释得到的Json数据 并进行下一步处理。

关于Json 就是一种数据封装，类似于XML 但更适合轻量级应用。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。