加载数据后,jquery .load不会立即加载

时间:2011-07-22 06:46:32

标签: php jquery

我想知道这是否正在发出异步请求...现在写我正在使用:

<script type='text/javascript'>
     $(document).ready(function() {
       var ktitle = $('.hiddentwo').text();
       $('div#tab2').load('morefour.php?title=' + encodeURIComponent(ktitle));
    });  
</script>

我正在做的是将第一个文本添加到数据库中的当前php文件(addtext.php)。我将当前文档的Id传递给morefour.php,并在第二个选项卡上加载添加的文本...事情是,我必须刷新才能再次看到内容。我在localhost btw上运行。

为了更加清晰,我运行另一个jquery脚本,点击后,检索这些数据,将其发送到php文件进入数据库

$(".button").click(function() {
    var content = $(this).siblings().outerHTML();
    $.ajax({
        async: false,
        type: "POST",
        url: "tosqltwo.php",
        data: {
            content: content
        }
    });
});

2 个答案:

答案 0 :(得分:0)

您可以将$.ajax功能与异步一起用于 false

$.ajax({
  async: false,
  url : 'morefour.php',
  data : 'title=' + encodeURIComponent(ktitle),
  success: function(data) {
    $('div#tab2').html(data);
  }
});

答案 1 :(得分:0)

$(function(){   //shorthand of $(document).ready
 $('div#tab2').html($.ajax({
      type: "GET", //if you are doin $_GET['title'] in morefour.php
      url: "morefour.php",
      data : {title:ktitle},
      dataType: 'html', //i am not sure about this part
      async: false
     }).responseText)
});

或者你可以尝试

$(function(){
$.ajax({ 
  url : 'morefour.php',
  data : {title:ktitle},
  type:'GET',
  dataType:'html',
  success: function(data) {
    $('div#tab2').html(data);
  }
});
});