Question

世界上最简单的PHP表单无法提交。我只想在用户点击图片时提交表单。目前绝对没有任何反应。使用Javascript：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
<script>
function changeImage(id) {
document.images[id].src = "x";
var datastring = 'orderID=13&partID=' + id;
submit; 

$.ajax
(
  {

    type: "POST",
    url: "allocatepartssubmit.php",
    data: dataString ,
    cache: false,
    success: function(){
      alert('success');
    },
    error: function(){
      alert('failure');
    }
  });

}

</script>

相关的html行：

<img src="x" onclick="changeImage('x')" id="x">

我用＆＃39; x＆＃39;替换了各个部分。为了便于观看。 js图像开关工作正常，所以我知道正在调用changeimage（）函数。但表格不是张贴。它不会警告成功或失败，这意味着.ajax的内容不会被看到。

Wat do？

Answer 1

试试这个，甜蜜的＆amp;简短的代码!!

<img src="exapmle.png" class="change_image" id="x">

jquery -

$(document).ready(function() {

    $('.change_image').live('click',function(){

        var id = $(this).attr('id');
        var dataStr = 'orderID=13&partID=' + id;

        $.ajax({
            type: "POST",
            url: "allocatepartssubmit.php",
            data: dataString ,
            cache: false,
            success: function(response){
              alert('success');
            },
            error: function(err){
              alert('failure');
            }
        }); 
    });
});

Answer 2

试试这个会起作用：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
<script>
function changeImage(id) {
var datastring = 'orderID=13&partID=' + id;

$.ajax
(
  {

    type: "POST",
    url: "allocatepartssubmit.php",
    data: dataString ,
    cache: false,
    success: function(){
      alert('success');
    },
    error: function(){
      alert('failure');
    }
  });

}

</script>

从代码中删除submit;和document.images[id].src = "x";，因为这些代码未被使用。

为什么这个简单的AJAX PHP表单没有提交？

2 个答案: