Question

Ajax+php怎么进行数据交互与局部页面的刷新

Answer 1

前端点击事件 AJAX 请求后端处理 成功后 前端 处理JSON数据，HTML显示出来。

<script>
$(function(){
$('#sub').click(function(){
var username=$('#username').val(); var password=$('#password').val();
$.ajax({
type: "post",
url: "demo.php",
data: {username:username,password:password},//提交到demo.php的数据
dataType: "json",//回调函数接收数据的数据格式
success: function(msg){
$('#text').empty(); //清空Text里面的所有内容
var data=''; if(msg!=''){
data = eval("("+msg+")"); //将返回的json数据进行解析，并赋给data
}
$('#text').html("用户名为：" + data.username + ",密码为：" + data.password); //在#text中输出
console.log(data); //控制台输出
},
error:function(msg){
console.log(msg);
}
});
});
})</script>