首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 模拟form表单post提交

场景: 需要提交数据,且数据处理后,会跳转页面。(注:数据提交需要post) 思路1: 1. 参考ajax提交数据,进行处理,处理成功后返回到客户端 2....在客户端跳转页面 思路2: 使用form表格进行post提交 实现方法:需要创建一个form表格,且数据必须在form表格中,用Input表格元素存起来,效果如下: /// form 表单提交...var form2 = document.createElement("form"); form2.id="form2"; form2.method="post"; form2.action....appendChild(total); document.body.appendChild(form2); form2.submit(); //提交 ‍ 注:一定要记得加 document.body.appendChild...(form2); 上面form提交的方法,感觉传数据还是太麻烦了,必须写成form表单的元素,不知道有没有更加简单的方法,求指教

12.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android WebView通过动态的修改js去拦截post请求参数实例

    需求背景: 需要在用户点击提交按钮的时候拦截用户提交的数据。...遇到的问题: 1.页面不是自家前端做的,不能修改网页中的代码 2.要拦截的请求不是get请求,而是一个post请求 (难点在于:如果拦截的请求是get请求的话,我只需要拿到url,将后面拼接的参数键值对取出来就好了...,找到进行网络请求的js页),对js页进行修改 3.将处理好的js页加载到本地,以后加载时就利用本地的js替换第三方的js(我会在本地的js页面中添加与webview沟通的桥梁) //以下为具体操作,我把具体的方法贴了上去...* 我采取的是拦截第三方网址上请求数据的js资源,将本地的资源提交上去替换原资源 */ if (uri.toString().contains("index.js")) { //拦截该网页下对应的...,对原来的js进行了修改,添加了与Android通讯的桥梁,来截取数据。

    10K31

    web前端之锋利的jQuery八:jQuery插件的使用(表单验证、表单提交

    /js/jquery.validate.messages_cn.js"> 2.jQuery表单插件——Form: jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易的...:showRequest//提交的回调函数 ,success:showResponse//提交后的回调函数 ,url:url//默认是form的action,如果申明,则被覆盖...; return false; }); 在options对象里,指定两个回调函数,即beforeSubmit:showRequest和success:showResponse,他们分别会在表单提交和表单提交后被调用...beforeSubmit-提交的回调函数 function showRequest(formData,jqForm,options){ var queryString =$.para(formData...在这里,使用$.param()方法把它转化成字符串,得到以下这种格式:name1&address=2 需要注意的是,当表单提交时,Form插件会以Ajax方式自动提交这些数据 第二个参数jqForm

    6.6K50

    ThinkPHP5 对html页面中的url传参操作

    u011415782/article/details/79164995 ◆ 背景 毕竟PHP开发的框架多数都会和前端页面嵌套使用,而不同的框架升级多少都会有所变化,这毕竟是其中的一个知识点吧,在我找不到方法,...考虑的是隐藏域提交“ID”,然后后台post处理取出此ID,再依次为依据进行后续操作… 框架:ThinkPHP5.1 路由配置举例:【有参数的一种】 Route::any('cms/article.../edit/:id','cms/article/edit'); ◆ 操作 §. html 中嵌入方式 这种情况,一般是 form表单的页面提交形式,直接在属性 "action" 中进行配置,此时可以将参数以数组参数的形式进行添加...§. js 中嵌入方式 这种情况下多数是绑定的点击事件,需要在 当前页面的 js 下配置数组参数 可是使用js提供的替换函数replace(),举例如下 //菜单修改按钮的点击事件 function editNavMenu...(id) { var postData = $(".form-opTodayWords").serialize(); var toUrl = "{:url('cms/todayWord

    2.1K30

    js基础-表单验证和提交

    id:标识标签元素 当提交后,服务器就会得到:username=填的用户名 & password=填的密码 当点击提交后,form数据就会发送。通常提交要校验数据。比如长度规则等。...所以需要js。     js校验:   方法1:       在from属性后面接着添加onsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。...方法又叫做函数,方法由方法名,括号中的参数,大括号中的方法体组成。在js中,方法参数不用声明类型,调用方法的时候,参数按照顺序匹配。...||表示或者,意思是,如果username==null或者username是空字符串,条件1或者条件2为true则都是true 方法2:js控制提交表单 首先,表单元素代码如下: 1 <form action...也就是说,验证通过就会提交。 这里说明一下提交的方法,可以用form的id或者name属性表示form这个对象,然后调用submit()方法即可。

    12.5K60

    如何在SpringMVC中使用REST风格的url

    ; } 注意: 1.必须在@RequestMapping注解中添加method=RequestMethod.POST,表明这是一个处理post请求的目标方法 2.post请求的url中不需要写参数...success"; } 注意: 1.必须在@RequestMapping注解中添加method=RequestMethod.PUT,表明这是一个处理put请求的目标方法 2.url中不需要带有参数...{id} 3.如果需要使用@ModelAttribute来进行一些修改的操作(如:先去数据库查询一个实体,在使用put目标方法),请参考我的另一篇博客《@ModelAttribute注解的使用详解》...delete请求 3.用js实现在点击超链接时,实际上提交的是表单。...但是要注意在js之前,请先引入jquery文件 4)put请求: <form action="${pageContext.request.contextPath }/restUrl" method="post

    1.4K50
    领券