<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<script type="text/javascript">

function post(){

    var postData = {

    "username": "13321503898",

    "password": "a123456",

    "imsi":"wzy - 加载的时候执行"

    };

    var url = "http://10.20.49.10/appall/get/js/post/data";

    var xhr = new XMLHttpRequest();

    xhr.open("POST", url, true);

    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xhr.send(JSON.stringify(postData));

}

</script>

<input type="button" value="触发请求" onclick="post()" style="width:200px;height:200px;font-size:30px"/><br><br>

<script>post()</script>

</body>

</html>
<html>

<meta charset="GBK">

<body>

<script type="text/javascript">

function post(){

    var postData = {

    "username": "13321503898",

    "password": "a123456",

    "imsi":"wzy"

    };

    var url = "http://11.20.49.10appall/get/js/post/data";

    var xhr = new XMLHttpRequest();

    xhr.open("POST", url, true);

    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xhr.onreadystatechange = function(){

        var XMLHttpReq = xhr;

        /**

            XMLHttpReq.readyState

         0: 请求未初始化

         1: 服务器连接已建立

         2: 请求已接收

         3: 请求处理中

         4: 请求已完成，且响应已就绪

        **/

        if (XMLHttpReq.readyState == 4) {

            if (XMLHttpReq.status == 200) {

                var data = XMLHttpReq.responseText;

                alert(data);

                console.log(data);

                var json = JSON.parse(JSON.parse(data));

            }else if(XMLHttpReq.status == 100){

            }else if(XMLHttpReq.status == 300){

            }else if(XMLHttpReq.status == 400){

            }else if(XMLHttpReq.status == 500){

            }else if(XMLHttpReq.status == 0){

                /** 0不是http协议的状态,关于XMLHttpReq.status的说明:

                1、If the state is UNSENT or OPENED, return 0.（如果状态是UNSENT或者OPENED，返回0）

                2、If the error flag is set, return 0.（如果错误标签被设置，返回0）

                3、Return the HTTP status code.（返回HTTP状态码）

                第一种情况,例如:url请求的是本地文件,状态会是0

                第二种情况经常出现在跨域请求中,比如url不是本身网站IP或域名,例如请求www.baidu.com时

                第三种,正常请求本站http协议信息时,正常返回http协议状态值

                **/

            }

        }

    };

    xhr.send(JSON.stringify(postData));

}

</script>

<!--

变量string_a：<input type="text" value="" id="string_a"/><br><br>

变量string_b：<input type="text" value="" id="string_b"/><br><br>

变量list_a：<input type="text" value="" id="list_a"/><br><br>

变量list_b：<input type="text" value="" id="list_b"/><br><br>

 -->

<input type="button" value="触发请求" onclick="post()" style="width:200px;height:200px;font-size:30px"/><br><br>

</body>

</html>

js发送请求给服务端的更多相关文章

  1. python服务器端、客户端的模型，客服端发送请求，服务端进行响应(web.py)

    服务器端.客户端的模型,客服端发送的请求,服务端的响应 相当于启动了一个web server install web.py 接口框架用到的包 http://webpy.org/tutorial3.zh ...

  2. httpurlconnection发送文件到服务端并接收

    httpurlconnection发送文件到服务端并接收 客户端 import java.io.DataInputStream; import java.io.File; import java.io ...

  3. 用http请求thrift服务端出现了内存溢出的情况

    记一次内存溢出的分析经历 - Janti - 博客园 https://www.cnblogs.com/superfj/p/8474288.html 说在前面的话 朋友,你经历过部署好的服务突然内存溢出 ...

  4. 前端发起resultUrl请求，服务端收到后做逆向处理，校验sign后，执行originUrl逻辑

    originUrl=http://test.com:8080/user/alipay_phone?uid=123&amount=21.3第0步:前后端约定32位密钥KEY第一步:对参数按照ke ...

  5. java httpclient发送json 请求 ,go服务端接收

    /***java客户端发送http请求*/package com.xx.httptest; /** * Created by yq on 16/6/27. */ import java.io.IOEx ...

  6. ajax客户端请求与服务端响应浅谈

    AJAX,即Asynchronous Javascript And XML,AJAX本质是在HTTP协议的基础上以异步的方式与服务器进行通信. 所谓的异步,是指某段程序执行不会阻塞其他程序执行,其表现 ...

  7. Socket（TCP)客户端请求和服务端监听和链接基础(附例子)

    一:基础知识回顾 一: Socket 类 实现 Berkeley 套接字接口. Socket(AddressFamily, SocketType,ProtocolType) 使用指定的地址族.套接字类 ...

  8. golang实现get和post请求的服务端和客户端

    服务端 在golang中,实现一个普通的http接口可以处理get请求和x-www-form-urlencoded类型的post请求,而如果想实现处理json数据的post请求,则需要用另外的方式实现 ...

  9. 支付宝ios支付请求Java服务端签名报的一个错(ALI40247) 原创

    今天做app的支付宝支付,遇到些问题,以前做支付宝支付签名都是直接在客户端App进行,今天下了最新版本ios的支付宝支付demo,运行demo时底部有红色的显眼字体,告知用户签名必须在服务端进行... ...

随机推荐

  1. 【Mybatis源码解析】- JDBC连接数据库的原理和操作

    JDBC连接数据库的原理和操作 JDBC即Java DataBase Connectivity,java数据库连接:JDBC 提供的API可以让JAVA通过API方式访问关系型数据库,执行SQL语句, ...

  2. 技术面试问题汇总第003篇：猎豹移动反病毒工程师part3

    从现在开始,面试的问题渐渐深入.这次的三个问题,都是对PE格式的不断深入的提问.从最初的概念,到病毒对PE格式的利用,再到最后的壳的问题.这里需要说明的是,由于壳是一个比较复杂的概念,面试中也仅仅只能 ...

  3. android添加账户流程分析涉及漏洞修复

    android修复了添加账户代码中的2处bug,retme取了很酷炫的名字launchAnyWhere.broadAnywhere(参考资料1.2).本文顺着前辈的思路学习bug的原理和利用思路. 我 ...

  4. LA3027简单带权并查集

    题意:       有n个点,一开始大家都是独立的点,然后给出一些关系,a,b表示a是b的父亲节点,距离是abs(a-b)%1000,然后有一些询问,每次询问一个节点a到父亲节点的距离是多少? 思路: ...

  5. 利用 Windows 线程池定制的 4 种方式完成任务（Windows 核心编程）

    Windows 线程池 说起底层的线程操作一般都不会陌生,Windows 提供了 CreateThread 函数来创建线程,为了同步线程的操作,Windows 提供了事件内核对象.互斥量内核对象.关键 ...

  6. Win64 驱动内核编程-26.强制结束进程

    强制结束进程 依然已经走到驱动这一层了,那么通常结束掉一个进程不是什么难的事情.同时因为win64 位的各种保护,导致大家慢慢的已经不敢HOOK了,当然这指的是产品.作为学习和破解的话当然可以尝试各种 ...

  7. 一起来看看java并发中volatile关键字的神奇之处

    并发编程中的三个概念: 1.原子性 在Java中,对基本数据类型的变量的读取和赋值操作是原子性操作,即这些操作是不可被中断的,要么执行,要么不执行. 2.可见性 对于可见性,Java提供了volati ...

  8. 简单聊聊VisualStudio的断点调试

    这节聊聊如何使用VisualStudio进行断点调试. 在debug过程中,我们有时需要查看程序在运行到某一行代码时,上下文中的变量或者一些其他的数据是什么样的,我们就要设置断点(Breakpoint ...

  9. 初识ClickHouse——安装与入门

    前言: 久闻 ClickHouse 大名,一直没有去详细了解.近期看了下 ClickHouse 相关文档,决定安装体验下.想了解 ClickHouse 的小伙伴可以一起跟着学习哦.本篇文章主要介绍 C ...

  10. Java_常用类API之一

    Math类 Math类中包含一些对数据进行数学运算的方法,而该类中的方法全都是静态的.像这样的类称之为工具类. 1 public static int abs(int a) 2 对一个数据求绝对值 3 ...