jQuery $.post的ajax详细实例

JQuery

1个成员

jQuery $.post的ajax详细实例

发表于 2017-02-04 • 3421 次查看

jQuery $.post比以前的js的ajax操作起来更加方便兼容性更强了，下面我来给各位同学介绍jQuery $.post的ajax再利用php动态页面回数据哦

实例说明：

代码如下

复制代码

$(document).ready(function(){

$(".ajax_btn").click(function(){

$.post("ajax.php",{name:$("#name").val()},//获取类名为"name"文本的值，以NAME异步传值

function(data){//data为反回值，function进行反回值处理

$("#content").val(data);//获得得反回值后，将其填入到类名为"content"的文本框中

});

})

</script>

<form id="ajaxform" name="ajaxform" method="post" action="action.php">
    <p>
    email<input type="text" name="name" id="name"/>

    </p>
    <p>
    address<input type="text" name="address" id="address"/>
    </p>
    <p id="msg"></p>
    <p>
        <input name="Submit" type="button" value="submit" onclick="return checkemail()"/>
    </p>
</form>

//post之后返回内容

ajax.php代码：

代码如下

复制代码

<?php

$name=$_POST["name"];

if($name=="netxu"){

echo "对不起，".$name."数据存在";

}
else{

echo "恭喜你，".$name."可以使用";

}

关于post简单介绍