php+jQuery+Ajax实现页面异步刷新功能

后端开发|php教程

php+jQuery+Ajax,php,新功能

后端开发-php教程

这篇文章主要为大家详细介绍了php+jQuery+Ajax实现页面异步刷新，，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

php按钮控制源码,ubuntu网关跟踪命令,网络爬虫登陆,php文件检索,seo文章 数量lzw

具体如下：

易语言空间说说源码,ubuntu触屏旋转,python爬虫手机端,php 北京,配资seolzw

JQueryAjax.html中的代码如下（用的较为简单的$.post）

网页公众号平台源码下载,ssh 运行命令ubuntu,Tomcat支持的线程模式,爬虫和uvb,centos怎样开发php,常平关键词seo优化多少钱lzw

用户名:

密码:

ajax提交

$(document).ready(function(){ $(".butn").click(function(){ var username = $("#username").val(); var password = $("#password").val(); $.post(ajax.php,{name:username,pwd:password},function(data) { alert(data); $(".con").html(data); }) })})

ajax.php

<?php echo 用户名:,$_POST[ ame],,密码：,$_POST[pwd]."

";//这里可以进行一些操作，比如数据库交互echo "操作完毕";?>

在非json格式下，后台只能返回字符串，如果想后台返回数组，可以采用json格式

例如将JQueryAjax中的代码修改为如下形式：

用户名:

密码:

ajax提交

$(document).ready(function(){ $(".butn").click(function(){ var username = $("#username").val(); var password = $("#password").val(); $.ajax({ url: "ajax.php",type: "POST", data:{name:username,pwd:password}, dataType: "json", error: function(){alert(Error loading XML document);},success: function(data,status){//如果调用php成功alert(status); alert(data); $(.con).html("用户名:"+data[0]+"密码:"+data[1]); } }); })})

ajax.php

总结：