重新加载div而不刷新网站

时间:2012-01-18 02:32:06

标签: php javascript jquery mysql css

我有一个div #rightcontent 一个文件data.php,它加载数据并使用css.css回显它 我有一个名为updatedcontent();的javascript选项,它使用ajax更新数据库。

我希望它用id="rightcontent"重新加载div而不重新加载整个页面,因为它包含大量信息。 我正在http://api.jquery.com/load/中阅读load();,但我尝试的所有实施都失败了。任何投入将不胜感激。

var fe = jQuery.noConflict();
function updatedw (name,spid,unum,rdid) {
document.getElementById('added').innerHTML += '<a href="#viewsp_'+spid+'" data-   tooltip="'+unum+'" id="pointer_div">'+name+'</a> <a href="?delete='+rdid+'" class="delete"    style="float:right"><img src="images/close.png" /></a><br> ';
fe('div#rightcontent').load('viewscreenplays.php');
}

fe("#clickme").click(function(){
    $("p.added").slideDown();
  });
fe(document).ready(function() {
  fe('a.delete').click(function(e) {
      fe(this).slideUp(300,function() {
          parent.remove();
        });

2 个答案:

答案 0 :(得分:1)

由您决定如何触发该功能,但您可以尝试这样的事情:

function pop_rightcontent()
{
    $.post("backend_script.php", { var1: value1, var2: value2 }, pop_rightcontent_handler, "html");
}

function pop_rightcontent_handler(data)
{
    $("#rightcontent").html(data);
}

这应该为你的脚本提供一个起点。

答案 1 :(得分:0)

您必须使用JavaScript和AJAX的组合填充div内的文本,从PHP文件中收集数据。

或者您必须将div放在单独的页面中并通过iframe加载它,以便可以重新加载框架。

第一个选择是最优雅......更好。请不要使用iframe