不引入外部包使用原生js发送请求的几种方式

Posted 2023-04-09 lxm-cnblog

参考文档：https://www.freecodecamp.org/chinese/news/the-most-popular-ways-to-make-an-http-request-in-javascript/

1.form表单提交

<form action="http://www.baidu.com" method="post">
    <input type="text" name="name" value="123">
    <input type="submit" value="提交">
</form>

只能单向提交，不能接收返回值。

2. XMLHttpRequest

var xhr = new XMLHttpRequest();
xhr.open(\'GET\', url, true);
xhr.setRequestHeader(\'Content-Type\', \'application/x-www-form-urlencoded\'); // 设置请求头
xhr.send(JSON.stringify(name: \'123\')); // 发送请求,body。如果后端不接受body类型的请求，则直接将参数放在url中，这里只需写成xhr.send()即可
xhr.onreadystatechange = function () 
    if (xhr.readyState == 4 && xhr.status == 200) 
        console.log(xhr.responseText);
    

注意setRequestHeader必须在open之后，send之前设置，如果放在open之前则会报以下错：

Uncaught DOMException: Failed to execute \'setRequestHeader\' on \'XMLHttpRequest\': The object\'s state must be OPENED.

3. fetch

fetch需要es6的支持，nodejs需要v17.5.0以上版本

fetch(url, 
    method: \'POST\',
    headers: 
        \'Content-Type\': \'application/x-www-form-urlencoded\'
    ,
    body: JSON.stringify(name: \'123\')
).then(res => res.text()).then(res => console.log(res));

WebService请求的几种方式

参考技术A 一、eclipse工具生成wsdl文件请求：

next-finish可以自己选择路径，会生成

接下来就可以直接调用了（可以看到引用了soapPort类，里面有你接口的方法，直接调用就好了）

二、通过axis请求：

先引入 org . apache . axis 包，https://mvnrepository.com/artifact/org.apache.axis/axis/1.4

这是工具类

import org.apache.axis.client.Call;

import org.apache.axis.client.Service;

public class axis

    public static String axis1(String user, String password)

        Object ret = null;

        try

            //调用webservice地址     

            String url = "xxxxxxxxx?wsdl";

            //调用方法名

            String method = "xxxxxxx";

            Service service = new Service();

            //通过service创建call对象   

            Call call = (Call) service.createCall();

            //设置服务地址

            call.setTargetEndpointAddress(new java.net.URL(url));

            //设置调用方法

            call.setOperationName(method);

            call.setUseSOAPAction(true);

            //添加方法的参数，有几个添加几个

            //inLicense是参数名，XSD_STRING是参数类型，IN代表传入

            call.addParameter("参数名",org.apache.axis.encoding.XMLType.XSD_STRING, javax.xml.rpc.ParameterMode.IN);

            call.addParameter("参数名", org.apache.axis.encoding.XMLType.XSD_STRING,javax.xml.rpc.ParameterMode.IN);

            //设置返回类型 

            call.setReturnType(org.apache.axis.encoding.XMLType.XSD_STRING);

            try

                //使用invoke调用方法，Object数据放传入的参数值

                ret = call.invoke(new Object[] user, password );

            catch (Exception e)

                e.printStackTrace();

           

            //输出返回信息

            System.out.println("result===" + ret.toString());

        catch (Exception e)

            e.printStackTrace();

       

        return ret.toString();