首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过单击DIV内的按钮重新加载DIV

通过单击DIV内的按钮重新加载DIV
EN

Stack Overflow用户
提问于 2016-02-04 00:16:37
回答 1查看 250关注 0票数 0

点击按钮后如何重新加载#order?

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

index.php:

代码语言:javascript
运行
复制
<div id="order">
<?php include('order.inc.php'); ?>
</div>

order.inc.php:

代码语言:javascript
运行
复制
<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“

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2016-02-04 00:25:04

尝试此操作(使用对象ID):

代码语言:javascript
运行
复制
$(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文件。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35182171

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档