Jquery通过Ajax方式来提交Form表单

Posted 2023-05-04

为什么会返回"readyState":0,"responseText":"","status":0,"
原文代码：
$.ajax(
type: 'POST',
url: "/index.php/ucenter/pDel",
data:
chkvalue:chk_value
,
dataType: 'json',
timeout: 10000,
//context: document.body,
error: function(xhr)
document.write(JSON.stringify(xhr));
return false;
,
success: function(xhr)
alert("删除成功");

);

ajax提交表单说白了就是，用ajax把数据post都后台去而已。你可以在后台把数据打印一下看看是否成功，再做进一步调试。追问

后台的数据是正确的，还有哪些地方可以调试呢？

追答

这样结果不是你想要的么？你还要什么效果？可以说一下吗？

参考技术A 同意一楼的说法：
先debug看看 "/index.php/ucenter/pDel", 地址是否正确？是否获取到值？

jquery插件-表单提交插件-jQuery.Form

1、介绍

JQuery Form插件是一款强大的Ajax表单提交插件，可以简单方便的实现让我们的表单

由传统的提交方式转换成Ajax无刷新提交！

他提供了两个核心的方法ajaxForm以及ajaxSubmit

让我们方便的实现无刷新效果提交表单!

http://malsup.com/jquery/form/

https://github.com/malsup这个因该是作者的gitbub，我下载看了一下那个readme文件竟然是

API

2、快速入门

1、引入插件

　　（方法同jQuery）

2、将表单有传统提交方式转换为Ajax提交方式

　　jQuery表单对象.ajaxForm();

导入服务器中然后打开页面看看有没有错误（比如js或者css有没有导入成功）

（由于用到服务器我是把这个直接移植到我正在做的一个java项目中的，视频中是放在服务器中的，后台用的是php，当然你的后台也可以是python等等）

ajaxForm()方法

为表单增加所需要的事件处理程序，为Ajax提交表单做好准备。

ajaxForm()方法，并不直接提交表单，而是为Ajax提交表单做好各种准备

真正的表单提交这个操作还需要用户点击提交按钮(即要等到表单提交这个事件发生)

参数：函数（会在提交成功之后执行）或者配置一个对象

配置对象中常用配置属性：

1) url

将表单数据提交到制定的URL

2) type

指定表单数据提交的方式

3) beforeSerialize

传入一个函数，这个函数会在表单数据被序列化之前执行，这个可以为我们修改表单数据提供机会

函数接受两个参数，当前表单jquery对象，与传入ajaxForm方法的配置对象

在函数内return false则表单不会提交

4) beforeSumit

表单提交前的回调函数

函数接受三个参数，数组形式的表单数据，jquery表单对象，传入ajaxForm方法的配置对象

在函数内return false则表单不提交。

5) success