Javascript 获取使用AJAX设置的HTML中的文本
我试图获取按钮所属的表行的id,并在模式框内的Javascript 获取使用AJAX设置的HTML中的文本,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我试图获取按钮所属的表行的id,并在模式框内的元素中打印该行的id(与数据库中的id相同)。它工作得很好,但是当我尝试使用DOM获取标记中的文本时,它是空的。我尝试使用AJAX发布数据,但似乎无法使其正常工作,因此我求助于此 下面是javascript/jQuery $('#ViewModal').on('show.bs.modal', function(e) { //Fires when modal is opened var $modal = $(this),
元素中打印该行的id(与数据库中的id相同)。它工作得很好,但是当我尝试使用DOM获取
标记中的文本时,它是空的。我尝试使用AJAX发布数据,但似乎无法使其正常工作,因此我求助于此
下面是javascript/jQuery
$('#ViewModal').on('show.bs.modal', function(e) { //Fires when modal is opened
var $modal = $(this),
inventory_id = e.relatedTarget.id;
$.ajax({
cache: false,
type: 'POST',
url: 'view_items.php',
data: {inventory_id: trId},
success: function(data) {
$modal.find('.inventory_id').html(trId);
}
});
})
以下是我的HTML和PHP:
<div id="ViewModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="ItemView" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">× </button>
<h4 class="modal-title" id="ItemView">Item view</h4>
</div>
<div class="modal-body">
<span id=id class='inventory_id hidden'></span>
<?php
//query here to get the record based on the text in the element
$doc = new DOMDocument();
$id = $doc->getElementById('id');
$inventory_id = $id;
$echo $inventory_id //returns an empty value
//bind to parameters
$result = $query->get_result();
while($row = mysqli_fetch_array($result, MYSQL_ASSOC))
{
//I'm going to echo result here
}
?>
</div>
&时代;
项目视图
您不能像现在这样将变量传递给PHP。不能在javascript之后运行PHP。仅仅因为您有一个ajax调用,并不意味着它将更新php。所有这些PHP代码都在ajax调用之前运行。您必须在view\u items.PHP
脚本中执行所有PHP操作,并在success@ntgCleaner哦,谢谢你提供的信息。你介意举个例子吗?我不确定你在view\u items.php
脚本中做了什么,但基本上,只需在该脚本中调用mysqli
。在php脚本中成功返回调用后,将它们放入json对象中,然后通过echo
或类似的方式返回它们。您可以在ajax成功中捕获所有数据
,并在其中做任何您想做的事情javascript@ntgCleaner非常感谢。你明白了,祝你好运!