无需提交按钮发送数据（Javascript / jQuery）

     
 
 
 
 
Coil #
Width
Gauge
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
   

我有一个动态行添加表，可以在表中添加行。 我在3行中显示它，如果用户想要添加数据，它可以是1行，或4行，或n行。

我的问题是：如何在没有点击提交按钮的情况下发送数据（ coil_id ）？

在这个例子中，我想在不使用提交按钮的情况下将coil_id （在这种情况下为coil_id = ”coil_22” ）发送到服务器。

这也是这样的：检测用户是否输入长度为7个字符或数字的线圈（例如： coil_22或2C12345 ），然后它会将“coil_22” （不是coilL_11或coil_33 ）提交给服务器而不点击任何提交/发送按钮。

我已经使用了JavaScript / jQuery一段时间，有时候仍感到迷茫。

非常感谢您的帮助。

Answer 1

您可以使用.keyup()创建它， .keyup() ，只需为每个输入添加一个类

所有输入必须具有相同的类

请记住将jQuery添加到您的文档中。

Answer 2

这里是jquery ajax的例子。 serialize将创建生成查询字符串，该字符串将发送到您的url。

 var datastring = $("#yourForm").serialize(); $.ajax({ type: "POST", url: "your url", data: datastring, dataType: "json", success: function(data) { alert('all ok');} });