Ajax实现跨服务器,跨域名调取数据 有点相似httpclient

   有时候在制做网站的时候,可能要跨域调取数据,好比在在两个服务器两个数据库的两个用户表中的数据,都要求能够登录同一个网站,这个时候咱们可能需须要用ajax跨服务器调取数据javascript

   首先可能须要咱们先了解一下ajax,我最先接触ajax其实就是在注册时候作动态验证,当时我就很奇怪,Htm页面怎么还能无刷新验证用户名,手机号码,身份证号等是否存在(小白了我....)后来在实际作项目的时候,本身也使用到了简单的ajax,好比咱们有一个Htm的首页index.htm可是,首页中的新闻须要是动态更新的,因此这个时候咱们就须要使用ajax来实如今静态页面中动态更新新闻内容的效果,其实这个相似于在静态页中引用了一个iframe,每次有人访问的时候,iframe里边的jsp都会发生动态变化html

   下边有个例子:java

<div class="maple">
      Loding...
 </div>
	<script type="text/javascript">
			jQuery.post("ajax.jsp",{"flag":"index_gsxw_maple"},function(data){
				jQuery(".maple").html(data);
			});
	</script>

上边的这个例子是说,刚开始class名为maple的这个层里放的是一个Loding(就是在打开页面到数据加载之间出现的),而后咱们调用jQuery中的方法,向ajax.jsp发送一个请求,其实就是相似提交了一个表单,表单里边有个字段叫flag,他的值是index_gsxw_maple,固然,这个能够无所谓,若是你的ajax.jsp中只处理一个逻辑的话,想当于咱们访问了ajax

http://xxx.xxx.com/ajax.jsp?flag=index_gsxw_maple数据库

而后,咱们在ajax.jsp中把新闻经过数据库调取出来,而后带有必定格式的打印出来(out.print),下边咱们就须要把ajax.jsp中的数据原样显示出来了?显示到哪呢?jQuery(".imaple").html(data);data就是ajax.jsp返回的东西跨域

   以上为一个简单的ajax的应用,实际过程当中,咱们极可能传递好多参数服务器

   好比我接下来要说的跨站访问用户名密码,首先咱们须要有一个页面,这个页面中咱们作以下处理:jsp

   访问这个页面的时候,咱们须要传递两个参数,用户名(user_name)密码(passw),咱们获得这两个参数以后,在当前页面数据库中进行相应的查找,若是用户名密码正确,咱们返回1,若是错误,咱们返回-1,这样的话咱们就能够在别的网站登陆的时候,验证该页面所在网站的用户名和密码了post

   这个过程须要用到jQuery封装的一个方法网站

  

jQuery.getJSON("http://www.xxx.com/yanzheng.jsp?user_name="+a+"&passw="+b+"&callback=?",function(data){
							var obj = data;
							if(obj.status!=-1){
								  alert('登陆成功');
								  
							}else{
								  alert('登陆失败,请检查用户名密码');
								
							}
						});

这个咱们会在yanzheng.jsp这个页面返回一个错误,固然正确的就返回1了

out.print("({ status:'-1'})");

相关文章
相关标签/搜索