csdn产品小助手 2012-07-19 22:00 采纳率: 0%
浏览 37

为什么Ajax和Jquery不能同时提交表单?

每次提交表单时,页面都会刷新,并且 .ajax 会引发 error。是什么原因造成的? 我知道我肯定把表单值正确传递给了Jquery,并且 newcomment.php 照常运行。我可以向其中发布常规表单,但不能与jquery一起发布。
function postPhotoComment() {

    var comment = $("#comment").val();
    var album = $("#album").val();
    var photo = $("#photo").val();
    var dataString = "comment="+comment+"&album="+album+"&photo="+photo;

    $.ajax({
        type: "POST",
        url: "/includes/actions/photo-gallery/newcomment.php",
        data: dataString,
        success: function(res) {
            alert("Posted!");
        }
            error: function(res) {
            alert("Error!");
        }
    })  
}

这是我的html表单:

<form>
    <textarea id="comment" placeholder="Post Comment..."></textarea>
    <input id="album" type="hidden" value="<?php echo "$a"?>"/>
    <input id="photo" type="hidden" value="<?php echo "$p.$ext"?>"/><br/>
    <button id="photo-comment-submit" onclick="postPhotoComment()">Post</button>
</form>
我还注意到,如果输入 name,Chrome会将它们像 GET 变量一样放入网址栏。 次刷新页面后,都会在网址末尾添加?因此,其似乎在尝试定期提交表单?
  • 写回答

5条回答 默认 最新

  • George_Fal 2012-07-19 22:03
    关注

    Make sure you write a valid, HTTP-accessible url instead of just a path to a script, e.g.

    function postPhotoComment() {
    
        var comment = $("#comment").val();
        var album = $("#album").val();
        var photo = $("#photo").val();
        var dataString = "comment="+comment+"&album="+album+"&photo="+photo;
    
        $.ajax({
            type: "POST",
            url: "http://yoursite.com/whatever/newcomment.php", // here
            data: dataString,
            success: function(res) {
                alert("Posted!");
            }
                error: function(res) {
                alert("Error!");
            }
        })  
    }
    

    Because JavaScript is a client-side language. It knows nothing about your filesystem structure or anything of that kind. And AJAX request is based on HTTP protocol.

    评论

报告相同问题?

悬赏问题

  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)