jquery实现ajax异步刷新页面,php+jQuery+Ajax简单实现页面异步刷新

页面显示如下：

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

JQueryAjax+PHP

用户名:

密码:

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

echo '用户名:',$_POST['name'],',密码：',$_POST['pwd']."
";

//这里可以进行一些操作，比如数据库交互

echo "操作完毕";

?>

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

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

JQueryAjax+PHP

用户名:

密码:

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

$name = $_POST['name'];

$pwd = $_POST['pwd'];

$array = array("$name","$pwd");

//这里进行一个些操作，比如数据库交互

echo json_encode($array);//json_encode方式是必须的

?>

运行效果如下：

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

利用PHP命令行模式采集股票趋势信息

话不多说，下面直接来看实现代码。主要函数只有一个类实现(stock.class.php)：phpclassStockClass{public$stockId;publicfunction__construct($stockId){$this-stockId=$stockId;}priva

学习PHP Cookie处理函数

我们先看看cookie是什么东东？cookie是服务器留在客户端的用于识别用户或者存储一些数据的小文件(注意，session存储在服务器端，这是两者的区别之一

PHP Filter过滤器全面解析

PHP过滤器用于验证和过滤来自非安全来源的数据，比如用户的输入。什么是PHP过滤器？PHP过滤器用于验证和过滤来自非安全来源的数据。验证和过滤用