Ajax 簡單的實例代碼


<!DOCTYPE HTML>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        //按鈕單擊時執行
        $("#testAjax").click(function(){
              
              //Ajax調用處理
            $.ajax({
               type: "POST",//規定傳輸方式
               url: "new.php",//提交URL
               data: {'name':$('#name').val(),'age':$('#age').val()},//提交的數據
               success: function(data){
                        $("#myDiv").html('<h2>'+data+'</h2>');//交互成功回調
                  }
            });
            
         });
    });
</script>    
</head>
    <body>
        <input type="text" name="name" id="name"><br/>
        <input type="text" name="age" id="age"><br/>
        <div id="myDiv"><h2>通過 AJAX 改變文本</h2></div>
        <button id="testAjax" type="button">Ajax改變內容</button>
    </body>
</html>

<?php
    $msg='Hello,'.$_POST['name'].',your age is '.$_POST['age'].'!';
    echo $msg;

 

來源:https://blog.csdn.net/wu_ning/article/details/59630497


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM