使用Jquery AJAX提交HTML表单

18 浏览
0 Comments

使用Jquery AJAX提交HTML表单

我正在尝试使用这个示例使用AJAX提交HTML表单。\n我的HTML代码:\n

\n我的脚本:\n


\n这不起作用,我甚至没有收到提示消息,当我提交时,我不想重定向到另一个页面,我只想显示提示消息。\n有没有简单的方法可以做到这一点?\n附注:我有几个字段,我只是举了两个字段作为示例。

0
0 Comments

问题的原因是使用`$('FORM').serialize()`对于文件输入/上传不起作用。解决方法是使用`jquery.form.min.js`插件,并将表单注册为ajax表单。以下是整理后的文章:

注意,`$('FORM').serialize()`很容易使用,但对于文件输入/上传不起作用!
以下方法可以解决这个问题:
// 引用jquery.form.min.js插件

以上代码可以解决通过jQuery AJAX提交HTML表单的问题。

0
0 Comments

问题:如何使用Jquery AJAX提交HTML表单?

原因:代码中的ajax调用没有正确地处理表单数据。

解决方法:

1. 在HTML页面中,添加一个表单元素,并给它一个唯一的ID,例如:formoid。

2. 使用Jquery的$(document).ready()函数来确保在文档完全加载后再执行代码。

3. 给表单元素添加一个submit事件处理程序,使用Jquery的submit()函数。

4. 在submit事件处理程序中,使用Jquery的ajax()函数来发送表单数据。

5. 在ajax()函数中,设置type为"post",url为服务器端处理数据的URL地址。

6. 创建一个变量postData来保存表单数据,例如:"text"。

7. 设置ajax()函数的data属性为postData,这样表单数据就会以键值对的方式发送到服务器。

8. 设置contentType属性为"application/x-www-form-urlencoded",以确保数据以URL编码的形式发送。

9. 在ajax()函数中,设置success属性为一个函数,这个函数会在服务器返回成功响应时被调用。在这个函数中,可以添加一些处理逻辑,例如弹出一个提示框来显示数据保存成功。

10. 在ajax()函数中,设置error属性为一个函数,这个函数会在发生错误时被调用。在这个函数中,可以输出错误信息到控制台,方便调试和排查问题。

以上就是解决问题的方法。通过以上步骤,可以使用Jquery AJAX来提交HTML表单,并在服务器端处理数据。如果按照以上方法操作仍然无法正常工作,可能需要对服务器端的代码进行修改。

这种使用Jquery AJAX提交HTML表单的方法是一个很好的示例,代码写得很清晰。不过,希望提供一些解释性的文字,而不仅仅是示例代码。

我不太明白如何将这个方法与我想要提交的表单连接起来。为什么没有解释呢?

关于使用success属性的问题,它并没有过时,参考这个链接:stackoverflow.com/questions/15821141/…

0
0 Comments

问题的出现的原因是使用jQuery AJAX提交HTML表单时,需要阻止表单以常规方式提交,否则页面会进行刷新。解决方法是使用`event.preventDefault()`来阻止表单的默认提交行为,并使用`$.post`方法发送POST请求来提交表单数据。

具体的代码示例如下:

$("#formoid").submit(function(event) {
  event.preventDefault();
  
  var $form = $(this);
  var url = $form.attr('action');
  
  var posting = $.post(url, {
    name: $('#name').val(),
    name2: $('#name2').val()
  });
  
  posting.done(function(data) {
    $('#result').text('success');
  });
  
  posting.fail(function() {
    $('#result').text('failed');
  });
});

上述代码通过选择表单的id来绑定表单的提交事件,并使用`event.preventDefault()`来阻止表单的默认提交行为。然后,通过`$.post`方法发送一个POST请求,将表单中的数据作为参数传递给服务器。最后,根据请求的结果进行相应的处理。

需要注意的是,在使用这种方法提交敏感数据时,应该使用OAuth或至少使用HTTPS (TLS/SSL)来确保数据的安全性。如果需要在请求中设置Authorization请求头,可以使用`$.ajax`方法,并在`beforeSend`回调函数中设置请求头。

如果POST请求的URL是不同的URL,需要将表单的`action`属性设置为实际的服务端接口的URL。通常来说,`localhost:3000`不是接口的URL,而是域名。所以,正确的写法应该是`localhost:3000/myEndpoint`,例如:`

`。如果JavaScript代码所在的域名与接口不同,才需要指定完整的URL。

另外,如果不想使用表单提交,可以在按钮的点击事件处理程序中使用`$.post`方法直接发送POST请求。但是需要注意的是,此时获取HTML元素中的变量的选择查询方式会有所不同。

0