Question

大家好，所以我尝试将由ajax json函数集成的表单数据发送到节点服务器。

我尝试使用官方代码：https://learn.jquery.com/ajax/ajax-and-forms/和 https://api.jquery.com/jquery.post/

我的代码：

<script>
// Attach a submit handler to the form
$( ".formdeleteuserwork" ).submit(function( event ) {

  // Stop form from submitting normally
  event.preventDefault();

  // Get some values from elements on the page:
  var $form = $( this ),
    term = $form.find( "input[name='idpublic']" ).val(),
    url = $form.attr( "action" );

  // Send the data using post
  var posting = $.post( url, { idpublic: term } );

  // Put the results in a div

});
</script>

和html：

<form action="/formdeleteuserwork" id="formdeleteuserwork" class="formdeleteuserwork" method="post" style="position: absolute; top: -656px; left: -298px;"><input style="position: relative; top: 224px; left: -518px;" name="idpublic" value="something" src="http://127.0.0.1:8080/static/dfsfsdgfd/gfdsgsdfg.png" class="removeinvit" type="image"></form>

此代码无效：页面刷新。

你能帮我吗？谢谢！

Answer 1

正如您所写，您动态创建表单，您将需要实时事件侦听器而不是默认事件侦听器。实时事件侦听器会侦听动态创建的节点上的任何事件。

所以你需要用这个替换你的监听器：

$( document ).on('submit', '.formdeleteuserwork', function( event ) {

    event.preventDefault();

    // your code

});

带有ajax错误的表单帖子

1 个答案: