javascript - 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;">其中包含很多内容，但我只想将其替换: 工作过

Answer 1

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

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

你需要做

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

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

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

    //Ajax call
});

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