javascript - AJAX 向 PHP 传递数据

Question

我一直在搜索这个论坛，但我没有很好的结果。我有这个 HTML：

<form method="post" id="postform">
          <input type="text" name="message" id="message" placeholder='Say "Hello!"' class="mymessage" maxlength="255"/>
          <br />
         <input id="submit" type="button" value="Send"/>
        </form>

PHP：

<?php
include ('connect.php');
session_start();
if (isset($_POST['message'])){
    mysql_query("INSERT INTO messages VALUES ('','".$_POST['message']."','".$_SESSION['user']."')");
}
?>

和 jQuery：

$('#submit').click(
function(){
    var message = $('#message').val();
    $.ajax({
        url: post.php,
        type:'POST',
        data: {"message":message}   
        });
    });

我需要在不刷新页面的情况下将#message 内容传递给 PHP。这是我所做的，但它不起作用。

Answer 1

检查你的语法：

1. url用引号括起来'

2. 'message'删除变量周围的单引号

   $.ajax({
       url:  'post.php',
       type: 'POST',
       data: {message : message}   
   }).done(function( msg ) {
       alert( "Data Saved: " + msg );
   });
   

请参阅其文档页面底部的$.ajax()的第一个示例。

Answer 2

我需要在不刷新页面的情况下将#message 内容传递给 PHP。

改为处理表单提交：

$("#postform").submit(function(){
    var message = $('#message').val();
    $.ajax({
       url: 'post.php',
       type:'POST',
       data: {message:message}   
    }).done(function( data) { 
        // handle response from the server in case of success.
    });

   return false; //to prevent submitting and refreshing the page.
});