javascript - 如何在javascript中制作基于下拉列表的查询mysql？

Question

这个问题已经有答案了:

Fetching data from MySQL database to HTML dropdown list (4 个回答)

已关闭 7 年前。

<script type="text/javascript">
var rowNum = 0;
function addRow(frm) {
	rowNum ++;
	var row = '<p id="rowNum'+rowNum+'"> Barang: ';
	row += '<select name="???">';
	row += '<option value="A1">A1</option>';
	row += '<option value="A2">A2</option>';
	row += '<option value="A3">A3</option>';
	row += '<option value="A4">A4</option>';
	row += '</select>';
	row += ' Satuan: <input type="text" size="5" name="satuan[]" value="'+frm.add_satuan.value+'"> Quantity: <input type="text" name="qty[]" value="'+frm.add_qty.value+'"> <input type="button" value="Remove" onclick="removeRow('+rowNum+');"><hr color=red></p>';

	$('#itemRows').append($(row));
	 frm.add_qty.value = '';
	 frm.add_nama.value = '';
         frm.add_satuan.value = '';
};
  </script>

如何制作下拉列表，但使用查询mysql来显示A1，A2，dll。当下拉菜单的提交按钮无法发布任何数据时。我可以用这个 javascript 存储数据吗？用于文本输入成功发布数据。

Answer 1

不要做你想做的事情。你永远不应该在前端编写查询。您应该尽最大努力向用户隐藏服务器/数据库的每个细节。这是一个巨大的安全风险。请阅读 SQL injection首先进行攻击。

你应该如何做到这一点:

在 JavaScript 中存储下拉列表的值。让我们将它们放在一个对象中以使生活变得轻松:

你的 JS:

var options = {
  A1: $("#rowNum select option[value='A1']").text(),
  A2: $("#rowNum select option[value='A2']").text(),
  A3: $("#rowNum select option[value='A3']").text(),
  A4: $("#rowNum select option[value='A4']").text()
};

// Now, send this object to your PHP via an AJAX call. Let's assume for simplicity that you will do this using jQuery:
$.ajax({
  url: 'my/php/script.php',
  data: options,
  success: function (data) { console.log('Yay, it worked!'); },
  error: function (jqXHR, textStatus, error) { console.log('crap it didn't work', jqXHR, textStatus, error); }
});

您的 PHP

<?php

$options = $_REQUEST['options']
// You need to verify the options are valid (and don't have bad values) but that's a different question

// Build your query here. Your PHP is run on the server only so no one else will see it or be able to change it.