php jQuery Ajax简单实现页面异步刷新

页面显示如下：

JQueryAjax.html中的代码如下（用的较为简单的$.帖子)

html townleta charset=' UTF-8 ' titlejqueryjax PHP/title脚本类型=' text/JavaScript ' src=' http :https://代码。jquery。com/jquery-3。0 .0 .量滴js '/脚本/head dy用户名：输入类型=' text ' id=' username ' name=' username '/br密码：输入类型=' password ' id=' password ' name=' password '/br按钮类型=' butn ' Ajax提交/button br span class=' con '/span脚本类型=' text/JavaScript ' $(文档)。ready(function(){ $(')).但是').单击(function(){ var username=$(' # username ').val()；var password=$('#password ').val()；$.post('ajax.php '，{name:username，pwd:password})，function(data){ alert(data)；$('.con ').html(数据);})}))})/脚本/正文/html ajax.php

？“php回声"用户名： '，$_POST['name']，'，密码：'，$_POST['pwd'].br '；//这里可以进行一些操作，比如数据库交互"回声"操作完毕；在非json格式下，后台只能返回字符串，如果想后台返回数组，可以采用json格式

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

html townleta charset=' UTF-8 ' titlejqueryjax PHP/title脚本类型=' text/JavaScript ' src=' http :https://代码。jquery。com/jquery-3。0 .0 .量滴js '/脚本/head dy用户名：输入类型=' text ' id=' username ' name=' username '/br密码：输入类型=' password ' id=' password ' name=' password '/br按钮类型=' butn ' Ajax提交/button br span class=' con '/span脚本类型=' text/JavaScript ' $(文档)。ready(function(){ $(')).但是').单击(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('加载可扩展置标语言文档时出错');}，成功：函数（数据，状态){//如果调用服务器端编程语言(专业超文本预处理器的缩写)成功警报（状态);警报（数据);$('.con ').html(")用户名："数据[0]"密码： '数据[1]);} });})})/script/body/htmlajax.php

？PHP $ name=$ _ POST[' name ']；$ pwd=$ _ POST[' pwd ']；$array=array('$name '，' $ pwd ')；//这里进行一个些操作，比如数据库交互echo JSON _ encode($ array)；//json_encode方式是必须的？运行效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。