jQuery $.post的ajax詳細執行個體

來源:互聯網
上載者:User

執行個體說明:

 代碼如下 複製代碼

<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); }

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.