Jquery ajax Post不工作？

我已經使用ajax後沒有窗體。當我點擊提交按鈕時，它應該得到其他字段的值。郵政請求沒有被髮送，也沒有顯示任何輸出。它返回該錯誤Unexpected identifier

這裏的輸入字段Jquery ajax Post不工作？

<input type="text" name="name" id="name" class="center-block Ename" placeholder="Enter you name"> 
      <textarea class="center-block" name="message" id="message" rows="1" placeholder="Enter your message"></textarea> 
      <input class="center-block sendBtn" type="submit" id="submit" name="submit" value="Submit">

這是Ajax請求。

$(document).ready(function(){ 
     var interval = setInterval($('#submit').click(function(){ 
      var values = { 
       'name': document.getElementById('name').value, 
       'message': document.getElementById('message').value 
      }; 
      $.ajax({ 
       type: "POST", 
       url: "chat.php", 
       data: values, 
       success: function(data){ 
        $("#chat").html(data); 
       } 
      }); 

     }),1000); 

    });

它發送請求到這個PHP頁面

<?php 
include 'db.php'; 


//Here post data is being assigned to variables 
     $name = $_POST['name']; 
     $message = $_POST['message']; 
     $queryInsert = "INSERT INTO chat(`name`, `message`) VALUES('$name', '$message')"; 
     $queryInsertRun = mysqli_query($con, $queryInsert); 
     if(!$queryInsertRun){ 
      echo mysqli_error($con); 
     } 



//Here is the output which should be shown 

$query = "SELECT * FROM `chat` ORDER BY `name` AND `message` DESC "; 
$queryRun = mysqli_query($con, $query); 
while($row = mysqli_fetch_assoc($queryRun)){ 
$name = $row['name']; 
$message = $row['message']; 
?> 
    <span class="name" style="font-weight: bold"><?php echo $name?>:</span> 
    <span class="message"><?php echo $message.'<br>'?></span> 
    <hr> 
<?php 
} 
?>

我想知道這是爲什麼不工作。

來源

2016-08-30 S. Farooq

我認爲這個問題是關於返回的數據，你可以發表評論此行'$（「＃聊天」）HTML（數據）;'和告訴我們，如果你仍然得到錯誤或不？ –

客戶端或服務器端是否存在問題？有沒有錯誤信息？請添加更多信息。 –

聽起來你的JSON數據無效。

var data = JSON.stringify(values); 
var request = $.ajax({ 
    url: "script.php", 
    method: "POST", 
    data: data, 
    dataType: "html" // read about dataType 
});

來源

2016-08-30 14:50:15

試試這個代碼

function ajaxcall() 
{ 
console.log('i am called'); 
     var values = { 
      'name': document.getElementById('name').value, 
      'message': document.getElementById('message').value 
     }; 

      $.ajax({ 
       type: "POST", 
       url: "chat.php", 
       data: values, 
       success: function(data){ 
        $("#chat").html(data); 
       } 
      }); 

} 

$(document).ready(function(){ 
var id = setInterval(function() { 
    ajaxcall(); 
}, 1000); 
    });

http://jsfiddle.net/cod7ceho/116/

來源

2016-08-30 14:56:34 Pawan

上提交也可以手動調用該功能。 – Pawan

要顯示的數據，如果你點擊提交按鈕，使用簡單的點擊功能。使用setInterval不能幫你點擊提交。 JS

$(document).ready(function(){ 
     $('#submit').click(function(){ 
      var values = { 
       'name': document.getElementById('name').value, 
       'message': document.getElementById('message').value 
      }; 
      $.ajax({ 
       type: "POST", 
       url: "chat.php", 
       data: values, 
       success: function(data){ 
        $("#chat").html(data); 
       } 
      }); 

     }); 
     });

來源

2016-08-30 15:04:35

Jquery ajax Post不工作​​？

回答

相關問題

Jquery ajax Post不工作？