jQuery Ajax PHP问题

Question

可能是某个问题的重复，但我不在乎。 我试过谷歌搜索，但没有找到答案。

我究竟做错了什么？

$(document).ready(function() {
$("#foo").click(function() {
    $.ajax({
       type    : "POST",
       cache   : false,
       url     : "map.php?map=refresh",
       data    : $(this).serializeArray(),
       success: function(data) {
        $("#container").html(data); 
       }
      });
});
});

我试过.click(function() { ， .sumbit(function() { ， .bind("submit", function() { ，我相信别人。

<form id="foo">
    <div id="inner"><input id="move" name="left" type="button" value="LEFT" /></div>
    <div id="inner"><input id="move" name="right" type="button" value="RIGHT" /></div>
    <div id="inner"><input id="move" name="down" type="button" value="DOWN" /></div>
    <div id="inner"><input id="move" name="up" type="button" value="UP" /></div>
</form>

我有<div id="container" style="width:660px; height:660px;">其中包含很多东西，但我只是喜欢它被替换：WORKED

Answer 1

$("#foo").submit(function() {应该可以工作，但是如果你要去for .click事件处理程序，你希望它在输入上。所以不要这样做

$("#foo").click(function() {

你需要这样做

$("#foo input").click(function() {

此外，您还需要停止默认事件，以便页面不会刷新。 这可能是你出错的地方。 所以你需要这样做

$("#foo input").click(function(e) {
    e.preventDefault();

    //Ajax call
});

请注意，您的所有输入字段都包含相同的“移动”ID，这将使HTML无效