jQuery $.post的ajax详细实例

来源:转载

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

实例说明:

 代码如下 复制代码

<script>

$(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之后返回内容

<div id="content"></div>

ajax.php代码:

 代码如下 复制代码

<?php

$name=$_POST["name"];

if($name=="netxu"){

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

}
else{

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

}

?>

关于post简单介绍

函数原型:$.post(url, params, callback)

url是提交的地址,eg: "sample.ashx"

params是参数,eg: { name:"xxx" , id:"001" }

callback是回调函数,eg: function(msg){ alert(msg); }




分享给朋友:
您可能感兴趣的文章:
随机阅读: