javascript - 在 jquery 中包含 php 文件

Question

使用 jquery 添加下拉列表。选项值来自mysql数据库。它包含在 getItems.php 中。然后，将选择的值提交给mysql。它发生 SyntaxError。看来 php 语法在 jquery 中无效。包含的部分不能显示在一行中。

j查询:

<script>
 $(function() {
  $('#add').click(function(){
    var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"><?php include 'getItems.php'; ?></select></div></div>';
    // error

    $('#addItem').append(item);
  });
});
</script>

PHP:

$query = "SELECT itemName FROM Item";
$results = mysql_query($query);
if (!$results) {
  die('Invalid query: ' . mysql_error());
}

while ($row = mysql_fetch_array($results)) {
  echo '<option>'.$row["itemName"].'</option>';
}

错误:

Uncaught SyntaxError: Invalid or unexpected token

控制台:

  var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"> <option>Item1</option><option>Item2</option><option>Item3</option>
 </select></div></div>';

上次编辑:将 var item = $('') 更改为 var item = ''。但它仍然有同样的错误。

Answer 1

PHP: 获取结果.php

$query = "SELECT itemName FROM Item"; $results = mysql_query($query);
         if (!$results) 
        { 
die('Invalid query: ' . mysql_error());
         } 
        $options=""; 
        while ($row = mysql_fetch_array($results)) { 
        $options .= '<option>'.$row["itemName"].'</option>';
         }
    echo  $options;

JQuery:

`<?php include('getresult.php'); ?>
<script>
 $(function() {
  $('#add').click(function(){
    var item = '<div class="form-group"><label class="col-sm-2 control-label">Item</label><div class="col-sm-10"><select class="form-control" name="item"><?php echo $options; ?></select></div></div>';
    // error

    $('#addItem').html(item);
  });
});
</script>`

或你可以像这样使用 ajax

<script>
$.ajax({
url:"getresult.php",
data:{},
type:"POST",
success:function(res){
$('#addItem').html(res);
}
});
</script>

或者你可以简单地使用

<script>
 $('#addItem').load("getresult.php");
</script>