ajax,jquery,$.post⼀$.get异步刷新div,局部刷新页面

Action为struts2 <aciton="Action" class="XX.XX.XX"><request>a.jsp</request></action>
2024-11-17 22:28:58
推荐回答(3个)
回答1:

代码:

$.ajax({

type: "POST",

url: "getPageDate.php", //调用的php文件

data: "page=1",

success: function(msg){ //回调函数

alert( "Data Saved: " + msg ); //这里是操作

$("#content").html(

);

}

});

success:function(data){//后台处理数据成功后的回调函数

//  在这里执行对页面的数据刷新

$("div .a").html(data);

}

data:就是这次请求返回的a.jsp页面

$("div .a"):就是页面上那个

 

$("div .a").html(data):脊搭就就是将a.jsp 页面放入到 class=a 的div中!

扩展资料:

当使用 CSS-P 的时候, 主要把它用在 DIV(division)tag 上。当把文字,图像,或其亏游他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。所以把它称作“层次”。所以当看到这些名词的时候,就知道它们是指一段在樱空拿 DIV 中的 HTML。

使用 DIV 的方法跟使用其他 tag 的方法一样:

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和不使用是一样的。

参考资料来源:百度百科-DIV

回答2:

借助jquery框架完成ajax是非常容易的,代码如下:
 
$.ajax({
    url:'Action',//你对数据库的操作路径
    data:{//这是参数
    id:1,
  哗贺 早枣 name:'zhangsan'
    },
   陆芦拆 type:'post',//提交方式
   // dataType:'json',//返回数据的类型
    success:function(data){//后台处理数据成功后的回调函数
       // alert(data);
     //  在这里执行对页面的数据刷新
     $("div .a").html(data);
    },
    error:function(data){//后台处理数据失败后的回调函数
     //   alert(data)
    }
})

这个是ajax的完整版,希望对你有帮助

回答3:

楼主看我的

$("#_b").click(function () {
  $.ajax({
      type: "POST",
      url: "youaction.action",
      data: "name=" + var1 + "&time=" + var2,
      dataType: "json",
      success: function(responseText) {
  则蠢凳        var valA = responseText.fieldA;
          var valB = responseText.fieldB;
       档袭   $("#a").load("a.jsp");
      },
      error: function() {
          alert("Error!");
      }
  });  
});

struts2配置:

 





你在action的class里面最后返回的时候也孙旅不需要return "success";
用 public void methodA(){};
最后结尾的时候这样返回数据到前台:
PrintWriter w = response.getWriter(); //HttpServletResponse
w.write("xxxx"); // json text
w.flush();
w.close();