ajax请求webservice

简介: <script type="text/javascript">function reqWebService(){        var name=document.getElementById("name").value;    //获取XMLHttpRequest    var request=GetXmlHttpObject();    //设置回调函数    
<script type="text/javascript">

function reqWebService(){
    
    var name=document.getElementById("name").value;
    //获取XMLHttpRequest
    var request=GetXmlHttpObject();
    //设置回调函数
    request.onreadystatechange=function(){
        if(request.readyState==4 && request.status==200)
        {
            var result=request.responseXML;
            alert(result);
            var returnEle=result.getElementsByTagName("return")[0];
            var value=returnEle.firstChild.data;
            alert(value);
        }
    }
    
    //打开连接
    request.open("POST","http://localhost:8090/sayhello");
    //设置请求头
    request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    request.send('<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Header><atguigu><name>yuanhai</name><password>123456</password></atguigu></soap:Header><soap:Body><sayHello xmlns="http://server/"><arg0>'+name+'</arg0></sayHello></soap:Body></soap:Envelope>');
    
    
}



function GetXmlHttpObject()
{
  var xmlHttp=null;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
  return xmlHttp;
}
</script>
</head>
<body>
用户名:<input id="name" name ="username" value="" />
<button onclick="reqWebService()">Ajax请求webservice</button>
</body>
</html>


本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1714838

目录
相关文章
|
11天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
13 2
|
24天前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
|
4月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
59 1
|
1天前
|
XML JSON 前端开发
学习Ajax使用异步对象发送请求
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种用于创建更好、更快以及交互性更强的Web应用程序的技术。
9 3
|
2月前
|
XML 开发框架 .NET
C# .NET面试系列八:ADO.NET、XML、HTTP、AJAX、WebService
## 第二部分:ADO.NET、XML、HTTP、AJAX、WebService #### 1. .NET 和 C# 有什么区别? .NET(通用语言运行时): ```c# 定义:.NET 是一个软件开发框架,提供了一个通用的运行时环境,用于在不同的编程语言中执行代码。 作用:它为多语言支持提供了一个统一的平台,允许不同的语言共享类库和其他资源。.NET 包括 Common Language Runtime (CLR)、基础类库(BCL)和其他工具。 ``` C#(C Sharp): ```c# 定义: C# 是一种由微软设计的面向对象的编程语言,专门为.NET 平台开发而创建。 作
177 2
|
2月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
4月前
|
XML JSON 前端开发
|
4月前
|
前端开发 JavaScript
|
4月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
37 0
|
4月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
30 0