ajax调用cxf webservice接口和跨域

1.配置webservice

（可以参考博客上cxf  webservice的配置http://blog.csdn.net/zhshchilss/article/details/43763271）

按照上述配置，就可以使用java客户端调用接口了

ajax的调用

1.额外的配置

新增两个jar包：cors-filter-1.7.jar，java-property-utils-1.9.jar

web.xml新增filter：

<filter>  
    <filter-name>CORS</filter-name>  
    <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>  
    <init-param>  
     <param-name>cors.allowOrigin</param-name>  
        <param-value>*</param-value>  
    </init-param>  
    <init-param>  
     <param-name>cors.supportedMethods</param-name>  
        <param-value>GET, POST, HEAD, PUT, DELETE</param-value>  
    </init-param>  
    <init-param>  
     <param-name>cors.supportedHeaders</param-name>  
        <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>  
    </init-param>  
    <init-param>  
        <param-name>cors.exposedHeaders</param-name>  
        <param-value>Set-Cookie</param-value>  
    </init-param>  
    <init-param>  
        <param-name>cors.supportsCredentials</param-name>  
        <param-value>true</param-value>  
    </init-param>  
</filter>  
<filter-mapping>  
    <filter-name>CORS</filter-name>  
    <url-pattern>/*</url-pattern>  
</filter-mapping>

上述配置是解决跨域问题的

后台webservice接口

@WebService
public class Hello implements IHello{
    
    public String sayHello(@WebParam(name="name") String name){
        return  "hello: " + name;
    }


public List<Object> sayList() {
Person p = new Person();
p.setName("刘胡兰");
p.setAge(22);
List<Object> list = new ArrayList<Object>();
list.add("2") ;
list.add("你好");
list.add(p);
// TODO Auto-generated method stub
return list;
}

/**
* 不知道怎么传对象
*/
public Person sayMap(String id , Person person ) {
Person p = new Person();
p.setName("刘胡兰");
p.setAge(22);
// TODO Auto-generated method stub
return p;
}




    public String findData(String type) {
    JSONObject obj = new JSONObject() ;
    if(type.equals("string")){
    obj.put("data", sayHello("刘德华")) ;
    }else if(type.equals("map")){
    obj.put("data", sayMap(null, null)) ;
    }else if(type.equals("list")){
    obj.put("data", sayList()) ;
    }
    return obj.toJSONString() ;
}

ajax调用代码:

//ajax的各个属性，也可以换一下，看看都报什么问题

$.ajax({

//type必须get
    type: 'get',
//contentType: 'application/json',

//这个路径，webs是工程名，IService是在beans.xml配置的接口Hello的路径，findData是Hello里的方法，方法不用配置，调用哪个直接/方法名就可以
    url: 'http://*.*.*.*:8080/webs/IService/findData',

//参数名必须arg0
    data:{arg0:'list'},

//返回必须xml
    dataType: 'xml',
    success: function(result) {
var nodes = result.getElementsByTagName("return") ;
var value = nodes[0].firstChild.nodeValue ;
alert(value);
    },
    error: function(result, status) {
        alert('error='+status);
    }
});

期间遇到的问题：

1.ajax使用get之外的调用方式，后台报错（网上没找到解决办法）

2.后台的入参如public Person sayMap(String id , Person person ) ，

ajax如果传数据啊{id:1},后台报错。传  data:{arg0:'list'}，后台就可以接到。

但是如果多个参数，第二个之后的还没找到传参字段是啥

3.dataType需要是xml，因为返回的数据是xml格式的东西

4.success里面解析数据，得到返回的return

其中，接口里面的四个方法

返回string的接口，ajax接的的数据为：

<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:sayHelloResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return>hello: null</return>
</ns2:sayHelloResponse>
</soap:Body>
</soap:Envelope>

返回list的接口，ajax返回数据为：

<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:sayListResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xs="http://www.w3.org/2001/XMLSchema" xsi:type="xs:string">2</return>
<return xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xs="http://www.w3.org/2001/XMLSchema" xsi:type="xs:string">你好</return>
<return xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="ns2:person">
<age>22</age>
<name>刘胡兰</name>
</return>
</ns2:sayListResponse>
</soap:Body>
</soap:Envelope>

返回vo的接口，ajax返回数据位：

<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:sayMapResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return>
<age>22</age>
<name>刘胡兰</name>
</return>
</ns2:sayMapResponse>
</soap:Body>
</soap:Envelope>

如上三中，如果解析return的数据，不容易分辨解析vo，list，string

所以这里对于ajax调用的接口，后台一律定义为

    public String findData(String type) {
     JSONObject obj = new JSONObject() ;

//测试各种情况
     if(type.equals("string")){
     obj.put("data", sayHello("刘德华")) ;
     }else if(type.equals("map")){
     obj.put("data", sayMap(null, null)) ;
     }else if(type.equals("list")){
     obj.put("data", sayList()) ;
     }
     return obj.toJSONString() ;
}

一个入参，字符串或json字符串

所有返回，都返回json字符串

然后前台的接到的数据为：

json
 string
 
 <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:findDataResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return>{"data":"hello: 刘德华"}</return>
</ns2:findDataResponse>
</soap:Body>
</soap:Envelope>


vo:


<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:findDataResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return>{"data":{"age":22,"name":"刘胡兰"}}</return>
</ns2:findDataResponse>
</soap:Body>
</soap:Envelope>


list


<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Body>
<ns2:findDataResponse xmlns:ns2="http://test.zhshch.com.webs/">
<return>{"data":["2","你好",{"age":22,"name":"刘胡兰"}]}</return>
</ns2:findDataResponse>
</soap:Body>
</soap:Envelope>

通过解析得到json字符串

success: function(result) {
var nodes = result.getElementsByTagName("return") ;
var value = nodes[0].firstChild.nodeValue ;

//value的数据结构{data:****} ;
alert(value);

//然后把value转成json对象，json.data就是后台传过来的vo，list，字符串等
    },

这是ajax调用webservice的例子

网上找了很多其他的例子，但是在本地都一直报错。

这里是我本地可以使用的例子