Html 以 Form 表单的形式 发送 POST (JSON格式) 的数据

Html 以 Form 表单的形式 发送 POST (JSON格式) 的数据

这种问题无需多说,直接上代码:


Sign In

Not registered? Sign Up | Forgot Password?

这里需要注意几点:

  1. var username = document.getElementById(“username”).value;
    var password = document.getElementById(“password”).value;
    中的 username、password 在Form 表单中 一定要以 id 的形式写出来,并且字段名必须一模一样,这样在script 中才可以渠道Form 表单传入的值

  2. url: ‘/user/login’, 即为你的跳转的路径

  3. type: “POST”, 即 POST、GET 方式,这里采用的POST的方式

  4. dataType: “json”, JSON格式

  5. contentType: “application/json”, contentType 主要设置你发送给服务器的格式

  6. data:JSON.stringify({
    “userName”: username,
    “passWord”: password
    }),
    这里一定要注意一下:有些小伙伴, 将 dataType 设置为 JSON 格式 ,以为就可以以JSON的格式将参数发送出去,其还不然,那个只是确定数据的格式,但是真正的数据格式是怎样的,还需要这段儿代码来进行设置,

  7. success: function (result) {} :result 即 接口返回来的结果值,在花括号里你就可以进行你的一系列的业务操作啦

以上就是从 Form表单中 获取值,并且以POST格式的形式发送数据的方法啦 (一般用于前后分离)
想学习的小伙伴们快快行动起来把!

你可能感兴趣的:(HTML)