`
sunlujing
  • 浏览: 179692 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax (post方式)调用 rest服务

阅读更多
参考文献:http://kodemaniak.de/?p=62(我是没怎么看懂啊,哪位看懂了给无留个言谢谢了)


jquery代码:
$.ajax({
                type: 'post',
                url: url,
                dataType: 'json',
                contentType: "application/json",
                success: function(response){
                           var md5 = response.md5;
                           $("#"+id).html("| "+md5);
                },
                 error: function(data) {
                $.messager.alert("info","error");
                }
                 });


restlet:

ajax 发送post请求,由于大多数浏览器不支持这样的跨域请求,需要使用options 询问,服务器端使用reponse 应答,允许post方式。

@Options
    public void doOptions(Representation entity) {
        Form responseHeaders = (Form) getResponse().getAttributes().get("org.restlet.http.headers");
        if (responseHeaders == null) {
            responseHeaders = new Form();
            getResponse().getAttributes().put("org.restlet.http.headers", responseHeaders);
        }
        responseHeaders.add("Access-Control-Allow-Origin", "*");
        responseHeaders.add("Access-Control-Allow-Methods", "POST,OPTIONS");
        responseHeaders.add("Access-Control-Allow-Headers", "Content-Type");
        responseHeaders.add("Access-Control-Allow-Credentials", "false");
        responseHeaders.add("Access-Control-Max-Age", "60");
    }

   
    @Post
    public Representation fileToMd5(){
    try{
      Form responseHeaders = (Form) getResponse().getAttributes().get("org.restlet.http.headers");
        if (responseHeaders == null) {
            responseHeaders = new Form();
            getResponse().getAttributes().put("org.restlet.http.headers", responseHeaders);
        }
        responseHeaders.add("Access-Control-Allow-Origin", "*");
   

    File f = new File(fileDir);
    String md5 ="{\"md5\":\""+ MD5Util.md5(f)+"\"}";
   
    Representation  rep = new StringRepresentation(md5,MediaType.APPLICATION_JSON);
           
   
    return rep;
    }catch(Exception e){
    e.printStackTrace();
    }
    return null;
    }



1
2
分享到:
评论

相关推荐

    Jquery调用Rest

    jQuery提供了`$.ajax()`函数作为其核心的异步数据请求方法,用于调用REST API。例如,要使用GET方法获取REST资源,可以这样写: ```javascript $.ajax({ url: 'http://api.example.com/users/1', type: 'GET', ...

    Ajax调用webservices

    本文将深入探讨如何使用Ajax调用Web服务(Webservices),以实现客户端与服务器端的异步通信。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它提供了与服务器进行交互的能力。通过创建XMLHttpRequest...

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

    本篇将详细介绍如何使用Jersey框架实现RESTful服务,以及如何通过CXF客户端进行调用,并探讨jQuery AJAX如何与这些服务进行交互。 1. **Jersey与RESTful服务** Jersey是Java平台上的一个开源项目,它是JAX-RS...

    jQuery Ajax调用Web服务代码

    本文将深入探讨jQuery的Ajax功能以及如何利用它来调用Web服务。 首先,jQuery是一个轻量级的JavaScript库,它简化了JavaScript的许多复杂操作,包括DOM操作、事件处理和动画效果。jQuery的核心优势在于其简洁的API...

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

    Ajax调用restful接口传送Json格式数据的方法是Web开发中非常常用的一种数据交互方式。它允许客户端与服务器之间进行异步通信,从而提高用户体验,因为它可以在不重新加载整个页面的情况下更新页面的一部分。而...

    JavaScript调用WEB服务

    4. **RESTful API**:Web服务通常采用REST(Representational State Transfer)架构风格设计,提供一组可操作资源的URL。这些URL结合HTTP方法,如GET、POST、PUT、DELETE等,完成对资源的增删改查操作。 5. **JSON...

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

    DataSnap是Delphi中的一个框架,它允许开发者创建分布式应用程序,提供数据服务,而RESTful是一种广泛采用的Web服务架构风格,它基于HTTP协议,以简洁、无状态的方式进行资源交互。 首先,理解DataSnap的核心概念至...

    spring-boot-ajax:如何使用Jquery和Ajax调用rest API

    通过以上步骤,你就可以在Spring Boot应用中使用Jquery和Ajax调用REST API了。这只是一个基础示例,实际应用中可能需要处理更多复杂情况,如分页、过滤、错误处理等。此外,还可以考虑使用Jquery的`$.getJSON()`、`$...

    REST Server in Delphi XE Using DataSnap中文版

    通过使用 jQuery 库,可以轻松地发送 AJAX 请求并与 REST 服务进行交互。 - **跨平台兼容性**: REST 服务器不仅可以被基于浏览器的应用程序使用,还可以被各种其他客户端应用所使用,包括移动应用。这意味着 REST...

    JS调用Web服务完整示例

    当调用Web服务时,我们需要选择合适的HTTP方法,如GET、POST、PUT、DELETE等。GET用于获取资源,POST用于提交数据,PUT用于更新资源,DELETE用于删除资源。 6. **请求头设置** 在调用Web服务时,有时需要设置请求...

    实现WCF同时支持SOAP和AJAX跨域调用(支持代理启动)

    实现WCF同时支持SOAP和AJAX跨域调用(支持代理启动) ...2、支持javascript的多种方式跨域访问(GET/POST/PUT/DELETE); 3、解决服务调用参数传递的动态设计数据格式(XML/JSON); 4、同时支持AJAX和SOAP进行调用;

    WCF与Ajax开发实践--构建REST WCF 讲义、Demo和专题讲座

    通过学习这个资料包,开发者将能够掌握如何使用WCF构建符合REST原则的服务,并使用Ajax在客户端进行调用,从而实现前后端的高效通信。这对于开发人员来说,特别是在Web应用程序中需要实现异步通信和提升用户体验时,...

    MVC调用webService

    4. **调用WebService的两种方式** - **SOAP WebService**:使用XML格式的请求和响应,通常通过HTTP POST方法调用。在JavaScript中,可以使用`XMLHttpRequest`对象或第三方库如jQuery的`$.ajax()`方法来实现。 - **...

    REST架构的网络服务

    ### REST架构的网络服务知识点概览 #### 一、REST架构概述 REST(Representational State Transfer)是一种软件架构风格,最初由Roy Fielding在他的博士论文中提出,旨在为分布式超媒体系统提供一种设计理念。REST...

    AJAX-JQ-REST

    在"AJAX-JQ-REST"的场景中,jQuery库通常被用来封装和简化AJAX调用,使得前端开发者能更方便地与RESTful API进行交互。例如,使用jQuery的`$.ajax()`或`$.get()`、`$.post()`等方法,可以轻松地向服务器发送请求并...

    API-REST:AJAX的API REST服务

    REST(Representational State Transfer,表述性状态转移)是一种架构风格,它定义了客户端和服务器之间的交互方式,使得Web服务可以高效、灵活地提供数据。在API-REST中,我们通常使用AJAX(Asynchronous ...

    WebService二——使用Eclipse开发WebService及各种调用方式

    2. **RESTful风格调用**:REST(Representational State Transfer)是一种轻量级的Web服务调用方式,使用HTTP协议中的GET、POST、PUT和DELETE等方法。如果我们的WebService支持RESTful,那么客户端可以直接通过URL和...

    javascript 调用Web service

    JavaScript调用Web服务是一种常见的交互方式,特别是在网页应用中,前端JavaScript可以与后端服务器进行数据交换,实现动态内容加载和交互。在这个示例中,我们看到标题提及的是使用JavaScript来调用Web服务,而描述...

    精华志 支持ASP。NET Ajax的WCF服务

    5. **客户端调用**:在客户端JavaScript中,可以使用jQuery或其他类似的库发起AJAX请求,调用WCF服务。使用GET或POST方法,指定URL(通常是服务的.svc地址),并处理返回的数据。 【C#,ASP.NET,SQL,DBA,源码】 ...

Global site tag (gtag.js) - Google Analytics