php 抓取网页ajax数据( .php中的代码如下（.html中）)

　　php 抓取网页ajax数据(

.php中的代码如下（.html中）)

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

　　更新时间：2016-08-08 14:51:45 作者：qq_28602957

　　本文章主要详细介绍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

　　非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

　　运行效果如下：

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