在 $.post 中创建动态变量赋值 - JQuery

Question

我可以在$.post JQuery/Ajax 代码中使用动态变量吗？我想知道我在哪里犯了错误或者我误解了JQuery的$.post的用法。

我有动态创建的变量和从 text-fields 分配给它的值。现在我想在 JQuery 的 $.post 中使用这些变量。

代码如下：

工作正常的部分：

var boxFields = ["customerId","customerName","customerContact","customerEmail"];
var boxVar = [];

for(var x=0;x<4;x++)
{
	boxVar[x] = $("#" + boxFields[x]).val();
}

alert(boxVar[1]); //Just random call to check it works.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" id="customerId" value="12345"/>
<br>
<br>
<input type="text" id="customerName" value="John Doe"/>
<br>
<br>
<input type="text" id="customerContact" value="XXXXXXXXXX"/>
<br>
<br>
<input type="text" id="customerEmail" value="xxxxxx@xxx.com"/>

现在我已经动态生成了变量(check above hidden snippet for that)。所以使用$.post中的那些。

更新：

抱歉，遗漏了实际部分

我的问题/疑问：我可以使用 for 循环在 $.post 中创建动态对象吗？

完整代码：

var boxFields = ["customerId","customerName","customerContact","customerEmail"];
var boxVar = [];

for(var x=0;x<4;x++)
{
	boxVar[x] = $("#" + boxFields[x]).val();
}

$.post("url.php",
{
  requestType: "updateRow",
  
  for(var y=0;y<4;y++)
  {
    boxFields[y]: boxVar[y] 
    if(y!=3){,}  
  }
  
  /* I want above code to work like this:
  requestType: "updateRow",
  customerId: 12345,
  customerName: John Doe,
  customerContact: XXXXXXXXXX,
  customerEmail: xxxxxx@xxx.com
  */
},
function(data)
{
 //Success Code Lines..........
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" id="customerId" value="12345"/>
<br>
<br>
<input type="text" id="customerName" value="John Doe"/>
<br>
<br>
<input type="text" id="customerContact" value="XXXXXXXXXX"/>
<br>
<br>
<input type="text" id="customerEmail" value="xxxxxx@xxx.com"/>

也想知道如何防止SQL注入

谢谢！

Answer 1

您不能在 post 函数中放置循环（循环不是对象），但您可以在 post 之前构造数据。更清洁的方法是：

var data = {
  requestType: "updateRow"
};

$('input').each(function() { // change the selector to be more precise
  data[$(this).attr('id')] = $(this).val();
});

console.log(data);

$.post("url.php", data, function(data) {
  //Success Code Lines..........
});

SQL 注入

即使您可以在 JS 中进行一些检查，但真正防止 SQL 注入的唯一方法是在与 SQL 数据库交互时在服务器端转义/检查/使用特殊方法。

Answer 2

我可以使用 for 循环在 $.post 中创建动态对象吗？

不在内部对.post()的调用，没有。这与.post() 本身或AJAX 或类似的东西无关，而只是作为语言的语法。考虑一下你的尝试：

$.post("url.php",
{
  requestType: "updateRow", 
  for(var y=0;y<4;y++)
  {
    boxFields[y]: boxVar[y] 
    if(y!=3){,}  
  }
  //...

函数的第二个参数只是一个对象。循环和其他控制结构之类的东西对于声明对象无效。你可以做的就是你之前已经做过的。构建对象，然后在函数调用中使用它：

var someArray = [];
for(var x = 0; x < 4; x++)
{
    someArray[x] = someValue;
}
// etc.

// later...
$.post('url.php', someArray, function () { /.../ });

基本上，循环不是可以传递给函数的对象。它是命令式代码的控制结构。