前端页面使用原生js提交get或post请求表单

前言

前端界面一般都可直接在html定义form表单,然后提交表单,使用jquery提交get或者post请求;

然而有种需求就是在不使用jquery的前提下,用原生js提交get或post请求;

实践

  • 原生js一般请求url方式:
window.location.href = "url";
  • 原生js提交get或post请求表单:
var url = path + '/test/testForm.do';
var form = $("<form></form>").attr("action", url).attr("method", "post");//定义post或get请求
//设置表单值
form.append($("<input></input>").attr("type", "hidden").attr("name", "test").attr("value", $("#test").val()));
//提交相对较大的参数体,json字符串
form.append($("<input></input>").attr("type", "hidden").attr("name", "testNums").attr("value", JSON.stringify(testNums)));
form.appendTo('body').submit();

总结

实践是检验认识真理性的唯一标准~

发布了78 篇原创文章 · 获赞 272 · 访问量 55万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览