利用Jquery中ajax来实现局部刷新(异步刷新)

只对页面中一小块的内容刷新,并未对整个页面的更改,也就是页面不会闪动
使用ajax一般用来从服务端请求数据,来实现页面的局部刷新

在使用ajax之前要先引入Jquery

一,最常规的ajax
       $.ajax({
               url:请求服务器的地址,//在这里的服务器地址用的servlet
               type:请求的方式,
               data:请求的数据,     //请求的数据可以是一个值也可以是多个值,当有多个值得时候{"a":a,"b":b},
               success:function(result){//result为请求后的返回值,在后端一般用输出流的方式来返回
                      alert("请求成功");
                },
                error:function(){
                       alert("请求失败");
                }
      });

$(document).ready(function () {
	$("#1").click(function(){
		var a = 1;
		$.ajax({
		type: "get",
		url: "servlet1",
		data: "a="+a,
		success: function(result){
		             alert(result)
		  }
		  error:function(){
		                	
		  }               
	      });
	})
});

 

二,使用get简化ajax,请求的方式为get
       使用get的时候在请求服务器地址的前面,不需要url,在请求数据的前面也不需要data 
       url和data的位置不能换,url在前面,返回只有success没有error。

      $.get(
               服务器地址,
               请求的 数据,
               function(){
               }
               预期返回值类型(“xml”“json”“text”)
      )

$.get(
	 "servlet1", 
	"a="+a,
	 function(result) {
	        alert(result);
	 } 
		         
 );  

三,使用post简化ajax,请求的方式为post 和get类似
      $.post(
                服务器地址,
                请求的 数据,
                success:function(){
                 }
                预期返回值类型
      )

$.post(
	 "servlet1"	, 
	"a="+a,
	 function(result) {
	        alert(result);
	 } 	         
 );  

 

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读