AJAX后更新DIV内容发布

-3

<!-- main.php starts --> 
    <div class="main"> 
     <div class="one"> 
     <span class="buttonEdit">EDIT</span> 
     </div> 
     <div class="two">Content</div> 
     <div class="editBox"> 
     <!-- abc.php which is loaded onClick --> 
     <textarea class="editArea"></textarea> 
     <span class="buttonSave">SAVE</span> 
     <!--abc.php ends --> 
     </div> 
    </div> 
<!-- main.php ends -->

我用jQuery是这样的：

$(document).ready(function() { 
     //SAVE BUTTON 
     $(".buttonSave").click(function(){ 
      //AJAX SAVE HERE 
      $.post("save.php",function(msg){ 
       var newContent; 
       newContent = $(".editArea").val(); 

       $(this).parents(".main").find('.two').text(newContent); 
      }); 
     });

的过程： 在点击编辑按钮，一个外部页面（abc.php）将通过jQuery的加载函数加载到div（class =“editBox”）。编辑和保存之后，textarea中的内容必须显示在div中（class =“two”）。

重要有几个类似的块和类名相同。 jQuery写在abc.php这是一个外部文件。在AJAX中可以使用'find'和'this'吗？

解决方案需要：我们需要jQuery部分。紧急！

上的jsfiddle：http://jsfiddle.net/JerryJones/PacTs/

来源

2012-09-19 Jerry Jones

您应该添加IDS所有块，你说：“有几个类似的块”。
然后用ajax显示特定块中的数据。 –

试试这个

$.post('ajax.php',function(data){ 

    // write your retrived data here 
    $(".editArea").html(data retrived); 
    //or 
    $(".editArea").val(data retrived); 

}

来源

2012-09-19 09:51:43

你能通过这个更新的问题吗？ –

@JerryJones你得到的错误是什么？ –

div中的内容（class =“two”）根本没有更新！似乎AJAX部分中的$（this）和.find（）存在一些问题。 –

这将会是容易得多，如果你给其中的内容变为一个唯一的ID的部分。

然后可以使用的onClick（）上的按钮来调用JavaScript函数：

function onEdit() { 
    $("#EditBoxID".load('abc.php'); 
} 

function onSave() { 
    $("#ContentID").val($("#EditBoxID").val()); 
}

来源

2012-09-19 09:53:32 Zeritor

你能通过这个更新的问题吗？ –

AJAX后更新DIV内容发布

回答

相关问题