`
Franciswmf
  • 浏览: 800227 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ajax请求restful接口端服务

 
阅读更多
var pageStatus="";    
var dnsName = "localhost:7070"; // 本地

//获得URL后面带的参数,并封装成对象
function getRequest() {
  		var request = new Object();
  		//获得URL问号后面的字符串,包括问号
  		var param = window.location.search;
  		if (param != '') {
  			//去掉问号
  			param = param.substring(1);
  			//用‘&’,分离出带有的参数
  			var params = param.split("&");
  			//用‘=’,循环将参数分离成key-value形式,并封装到对象中
  			for (var i = 0; i < params.length; i++) {
  				var kv = params[i].split("=");
  				request[kv[0]] = kv[1];
  			}
  		}
  		return request;
}
            	
//调用 获取首页html展示 接口-xxx/getData
function initHomePage(){
	var request = getRequest();
	var token = request['token'];
	var customerId = request['customerId'];
	var path = "http://" + dnsName + "/xxx/getData";
	//
	$.ajax({
		  type: 'POST',
		  url: path,
		  data: JSON.stringify({ token:token,customerId:customerId }),
		  contentType: 'application/json;charset=utf-8', //默认: "application/x-www-form-urlencoded"
		  dataType:'json',
		  timeout:10000, //超时时间设置,单位毫秒
		  cache:true,
		  async:true,
		  beforeSend:function(XMLHttpRequest){//发送请求前可修改 XMLHttpRequest 对象的函数
			  //add code
		  },
		  dataFilter:function(data,type){// // 对Ajax返回的原始数据进行预处理
			  //add code
		  },
		  success:function(data,textStatus){//服务器返回数据,返回状态:请求成功后回调函数
			  //alert(textStatus);
			  if(textStatus=='success'){
				  //alert(data.data.pageStatus);
				  pageStatus=data.data.pageStatus;
				 //
			  }else{
				 //
			  }
		  },
		  error: function(XMLHttpRequest, textStatus, errorThrown) {//XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象:请求失败后回调函数 
			   //alert('error1:'+XMLHttpRequest.status);//0
			   //alert('error2:'+XMLHttpRequest.readyState);//4
			   //alert('error3:'+textStatus);//abort/timeout
			  //alert("首页请求数据失败");
		  },
		  complete:function(XMLHttpRequest, textStatus){//XMLHttpRequest 对象,返回状态:请求完成后最终调用
			  //alert(textStatus+'status:'+XMLHttpRequest.status);
		      //textStatus 可能为:null、'success'、 'notmodified'、 'error'、 'timeout'、 'abort'或'parsererror'等
			  if(textStatus=='error'){
			 	 alert("首页请求数据已出错");
			 }else if(textStatus=='timeout'){
			 	 alert("首页请求数据已超时");
			 }else if(textStatus=='abort'){
			 	 alert("首页请求数据已中断");
			 }
		  }
	});
	//
}

分享到:
评论

相关推荐

    Ajax调用restful接口传送Json格式数据的方法

    文章中给出了一个示例代码,演示了如何使用jQuery发起Ajax请求来与RESTful接口交互,并传送JSON格式数据。代码中定义了一个post_data对象,并使用JSON.stringify()方法将其转换为JSON字符串。在$.ajax()方法中指定了...

    JavaScript前端访问RESTFul服务器代码示例

    RESTFul是一种广泛采用的Web服务设计风格,它使API(应用程序接口)更加简洁、可预测和易于理解。而客户端,即浏览器中的JavaScript,负责发起这些请求并处理响应。 首先,了解RESTFul的基本原则。REST...

    Jersey实现restful,CXF调用以及jquery AJAX调用

    在现代Web开发中,RESTful API已经成为一种主流的接口设计模式,它以简洁、可扩展的方式提供服务。本篇将详细介绍如何使用Jersey框架实现RESTful服务,以及如何通过CXF客户端进行调用,并探讨jQuery AJAX如何与这些...

    ASP调用DataSnap和Restful接口服务实例

    在本实例中,我们将探讨如何使用ASP来调用由Delphi开发的DataSnap和RESTful接口服务。DataSnap是Delphi中的一个框架,它允许开发者创建分布式应用程序,提供数据服务,而RESTful是一种广泛采用的Web服务架构风格,它...

    Ajax异步请求简单示例

    在Spring框架中,这可能是一个RESTful接口,如: ```java import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; @RestController public...

    SpringMVC(八)处理AJAX请求

    在JavaScript端,我们可以使用jQuery、axios或其他库来发起AJAX请求。例如,使用jQuery的$.ajax或$.getJSON方法: ```javascript $.ajax({ url: '/ajaxRequest', type: 'POST', data: {key: 'value'}, ...

    webservice(cxf)+ajax请求,客户端和服务器端

    【标题】:Web服务(CXF)+Ajax 请求:客户端与服务器端交互 【知识点详解】 Web服务在现代软件开发中扮演着至关重要的角色,它提供了不同系统间数据交换的标准方式。CXF 是一个流行的开源框架,用于创建和消费 ...

    Postman Restful API测试神器

    在现代Web开发中,API(应用程序接口)已经成为连接不同服务和系统的重要桥梁。RESTful API设计遵循了统一的交互原则,使得开发者能够更轻松地构建和维护这些接口。Postman是一款强大的API开发、测试和文档化工具,...

    SOAP webserivce 和 RESTful webservice 对比及区别

    在客户端支持上,无论是SOAP还是RESTful服务,现代的客户端技术如AJAX、Flex、JavaFX、AIR等都能提供支持,它们可以通过XMLHttpRequest或HTTPService等组件与服务进行通信。不过,直接调用Servlet通常是J2EE服务器端...

    MUi框架ajax请求WebService接口实例

    本文分享的是如何使用MUi框架发起ajax请求到WebService接口的一个实例。WebService是一种可以接收从Internet或Intranet上的其它系统中通过HTTP发送的请求,然后返回一个响应的Web服务。通常这种服务以SOAP或RESTful...

    基于Python Flask的简易RESTful API接口,可实现基本的前后端分离.zip

    在IT行业中,构建Web应用程序是常见的任务之一,而RESTful API接口则是现代Web服务的核心组成部分。本项目将探讨如何使用Python的Flask框架创建一个简易的RESTful API,以实现基本的前后端分离。首先,我们需要理解...

    SpringBoot+React+Mysql+Mybatis+Restful风格接口,前后端分离实现健康管理系统.zip

    综上所述,这个健康管理系统利用了SpringBoot的便捷性构建后端服务,通过React提供用户友好的前端界面,MySQL作为数据存储,Mybatis处理数据库操作,而RESTful接口则确保了前后端的有效通信。这样的技术组合使得系统...

    python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法

    这两天在用python的bottle框架开发后台管理系统,接口约定使用RESTful风格请求,前端使用jquery ajax与接口进行交互,使用POST与GET请求时都正常,而Request Method使用PUT或DELETE请求时,直接爆...

    ajax访问wcf服务

    - 当Ajax请求的源与WCF服务不在同一域时,需要开启WCF服务的跨域支持,可以通过Web.config配置或使用CORS库。 8. **性能优化** - **缓存**:考虑使用HTTP缓存机制,减少不必要的服务器请求。 - **GZIP压缩**:...

    ajax图书管理案例

    开发者可能使用ASP.NET MVC或ASP.NET Core来构建RESTful API接口,这些接口可以接收来自前端的Ajax请求并返回JSON或XML格式的数据。 在前端,Ajax技术是通过JavaScript实现的,它允许我们在后台与服务器进行异步...

    springboot-ajax前后端交互项目

    本项目旨在演示如何利用Spring Boot作为后端服务,与前端通过AJAX进行数据交换,提供流畅的用户体验。下面将详细介绍这个项目中的关键知识点。 1. **Spring Boot基础** Spring Boot简化了Spring框架的配置和初始化...

    前后端分离springmvc和RESTful理解.docx

    - 针对MVC的不足,前后端分离通过AJAX请求和JSON响应优化数据交换,减少了服务器渲染负担。 - RESTful是Roy Fielding博士提出的轻量级Web服务架构风格,强调使用URL访问资源,支持多种HTTP方法(GET, POST, PUT, ...

    简单AJAX jquery实现

    4. 创建和理解简单的RESTful API以服务于AJAX请求。 通过这个项目,初学者可以了解到如何在实际项目中应用jQuery进行AJAX通信,从而提升动态网页的交互性和用户体验。同时,这也是一个学习服务器端和客户端协作的好...

    springmvc 3.2.8 restful支持

    jQuery或现代JavaScript库如Vue.js、React等可以方便地发起AJAX请求,利用XMLHttpRequest或fetch API与Spring MVC的REST接口通信,实现页面局部更新,提高用户体验。 5. **JSON支持**:Spring MVC 3.2.x内置了对...

    基于springboot,cas5.3,shiro,pac4j,rest接口获取ticket不再跳转cas server登录页

    4. 实现REST接口:创建一个REST端点,用户通过这个接口向CAS发起请求,获取ticket。在这个过程中,我们使用Pac4J的CasClient来处理请求,获取并验证ticket,然后将用户信息返回给客户端,完成认证过程。 5. 用户...

Global site tag (gtag.js) - Google Analytics