点击DIV

Question

如何在点击按钮时重新加载#order？

我有一个包含另一个php的php文件：

的index.php：

<div id="order">
<?php include('order.inc.php'); ?>
</div>

order.inc.php：

<div class="update_database" data-ref="1">Update</div>
<div class="update_database" data-ref="2">Update</div>
<script>
  $('.update_database').click(function(){
    var target_id = $(this).attr('data-ref');
    var dataString = 'update=' + target_id;
    $.ajax({
    type: 'post',
    url: 'post.php',
    data: dataString,
    success: function(data) {
     var result = $.trim(data);
     if (result == 'success') {
       $('#order').load('order.inc.php'); <= this is where I am having problem with
     } else if (result == 'accept') {
       // do something else
     } else {
       console.log(data);
     }
    });
  });
</script>

我试图将该脚本包含在index.php中并且没有工作。

编辑：

简化并删除不相关的代码：

order.inc.php＆＃34;

<div class="update_database" data-ref="1">Update</div>
<div class="update_database" data-ref="2">Update</div>
<script>
  $('.update_database').click(function(){
    alert('clicked');
    $('#order').load('order.inc.php'); <= this is where I am having problem with   
    });
  });
</script>

Answer 1

试试这个（使用对象ID）：

$(document).ready(function(){
  $("#button_id").change(function(){
    var data=$(this).val();
    var dataString = 'data'+data;
    $.ajax({
      type: "POST",
      url: "your_php_file.php",
      data: dataString,
      cache: false,
      success: function(html){
        $("#content_destination_id").html(html);
      } 
    });
  });
});

请注意，您可以使用按钮值将任何信息传递到PHP文件。