帶有屬性的當前頁面的jQuery AJAX POST

Question

這是我自己的頁面示例。

<?php 
$do = $_GET['do']; 
switch($do){ 
case 'finalTask': 
if(isset($_POST['url'])){ 
    echo "It's Ok!"; 
}else{ 
    echo "Problem!"; 
} 
} 

這也寫在同一頁。

<input type='text' id='siteName'> 
<button type='submit' id='send'>Send</button> 
<div id='info'></div> 
<script> 
$(document).ready(function(e){ 
    $('#send').click(function(){ 
    var name = $('#siteName').val(); 
    var dataStr = 'url=' + name; 

    $.ajax({ 
      url:"index.php?do=finalTask", 
      cache:false, 
      data:dataStr, 
      type:"POST", 
      success:function(data){ 
        $('#info').html(data); 
      } 
    }); 
    }); 
}); 
</script> 

當我嘗試輸入並按下發送按鈕。什麼都沒有發生.....代碼有什麼問題？

Answer 1

• 確保文件名是的index.php
• 你需要確保你的PHP代碼檢查時，輸出的形式和當你的情況下，ajax發佈請求的格式不正確時
• 。
• 您忘記導入JQuery JS腳本，但沒有您無法使用JQuery。 （至少在這一點上的時間）

-

<?php 
if (!isset($_GET['do'])) { // Make sure that you don't get the form twice after submitting the data 
    ?> 
    <input type='text' id='siteName'> 
    <button type='submit' id='send'>Send</button> 
    <div id='info'></div> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script> 
     $(document).ready(function (e) { 
      $('#send').click(function() { 
       var name = $('#siteName').val(); 
       var dataStr = 'url=' + name; 

       $.ajax({ 
        url: "index.php?do=finalTask", 
        cache: false, 
        data: {url: dataStr}, // you need to send as name:value format. 
        type: "POST", 
        success: function (data) { 
         $('#info').html(data); 
        } 
       }); 
      }); 
     }); 
    </script> 
<?php 
} else { 
    error_reporting(E_ERROR); // Disable warning and enable only error reports. 
    $do = $_GET['do']; 
    switch ($do) { 
     case 'finalTask': 
      if (isset($_POST['url'])) { 
       echo "It's Ok!"; 
      } else { 
       echo "Problem!"; 
      } 
    } 
} 
?> 

Answer 2

在您的頁面中似乎沒有任何表單，只是表單元素。你可以用它們的一種形式：

<form method="POST" onSubmit="return false;"> 
    <input type='text' id='siteName'> 
    <button type='submit' id='send'>Send</button> 
</form>