`

js_使用原生js方法提交post表单

 
阅读更多
   var url = "/ssm/role/setRoleModules.action";
   
   var postForm = document.createElement("form");//表单对象   
   postForm.method="post" ;   
   postForm.action = url;


   var roleidInput = document.createElement("input") ;   
   roleidInput.setAttribute("name", "setRoleId") ;   
   roleidInput.setAttribute("value", roleid);
   postForm.appendChild(roleidInput);  
    
   var moduleidsInput = document.createElement("input") ;   
   moduleidsInput.setAttribute("name", "RoleModuleIds") ;   
   moduleidsInput.setAttribute("value", RoleModuleIds);
   postForm.appendChild(moduleidsInput);       
    
   var timeInput = document.createElement("input") ; 
   timeInput.setAttribute("name", "time") ;   
   timeInput.setAttribute("value", Math.random());
   postForm.appendChild(timeInput);       
   
   document.body.appendChild(postForm) ;
   postForm.submit() ;   
   document.body.removeChild(postForm) ;  

 

 

分享到:
评论

相关推荐

    Answer_PHP原生开发表单提交_

    例如,如果使用POST方法: ```php $username = $_POST['username']; $useremail = $_POST['useremail']; ``` 3. **数据验证**: - 在处理用户提交的数据之前,必须进行验证,以防止SQL注入、XSS攻击等安全问题...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...

    原生js form表单美化插件表单元素input select下拉框

    原生JavaScript作为Web开发的基础,提供了丰富的API和方法来处理表单元素,如input和select。本主题将深入探讨如何使用原生JavaScript对form表单进行美化,并对input输入框和select下拉框进行优化。 一、表单基础 1...

    原生js表单美化制作注册个人信息提交表单代码.zip

    综上所述,原生JS表单美化制作注册个人信息提交表单代码涉及HTML、CSS和JavaScript的综合应用,涵盖了表单结构、样式设计、事件处理、数据验证、异步提交等多个关键环节,旨在提供一个功能完整且视觉吸引人的用户...

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例.docx

    本篇文章将详细探讨JavaScript原生的GET、POST方法以及JSONP的原生实现。 1. **JavaScript原生GET方法** GET是最常见的HTTP请求方法,用于从服务器获取资源。在示例中,当用户点击login按钮时,触发以下代码: ...

    原生JS实现Ajax通过POST方式与PHP进行交互的方法示例

    在本文中,我们将深入探讨如何使用原生JavaScript(JS)实现AJAX(Asynchronous JavaScript and XML)通过POST方法与PHP进行交互。AJAX允许我们在不刷新整个页面的情况下更新部分网页内容,提高用户体验。我们将看到...

    ajax_init_javascript_ajax_

    "ajax_init_javascript_ajax_"这个标题暗示我们将讨论一个用JavaScript原生方法封装的Ajax函数,这对于高效地构建动态交互的网站至关重要。通过这个封装,开发者可以更方便地调用Ajax请求,处理服务器返回的数据,...

    使用JQuery实现从JSON对象转换为form提交数据

    - 考虑到兼容性问题,确保所有目标浏览器都支持jQuery库,或者使用原生JavaScript方法进行替代。 总结,通过jQuery我们可以方便地将JSON对象转换为适合表单提交的格式,并利用Ajax方法发送到服务器。这极大地提高...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    在实现表单提交时,需要区分原生JavaScript的表单提交和submit方法的使用。使用JavaScript中的form元素的submit方法进行提交时,JavaScript会立即处理提交操作,而不会触发表单元素上的onsubmit事件处理器。这意味着...

    原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)

    本篇内容将探讨如何原生JavaScript封装ajax方法,以支持不同类型数据(包括JSON、字符串和Excel文件)的上传和提交。 ###ajax基础 ajax技术允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页...

    表单提交原理

    在表单提交中,可以通过JavaScript(通常使用jQuery或原生XMLHttpRequest对象)实现异步提交,提升用户体验。 - **AJAX工作流程** - 创建XMLHttpRequest对象。 - 打开连接,设置HTTP方法(GET或POST)、URL和...

    原生js上传文件,异步上传

    本主题将深入探讨如何使用原生JavaScript实现异步文件上传,包括利用`FormData`对象、Base64编码以及对图片进行压缩、变色和尺寸调整的方法。 一、异步上传 传统的文件上传通常依赖于表单的`<form>`元素,通过`...

    原生JS新浪微博评论发布代码.zip

    在JavaScript中,我们可以使用`JSON.stringify()`方法将JavaScript对象转换为JSON字符串,然后发送给服务器。 6. 异步编程:由于API调用通常是异步的,我们需要使用回调函数、Promise或者async/await来处理结果。...

    js form action动态修改方法.docx

    当需要根据用户操作或特定条件动态地改变表单的提交目标时,可以使用JavaScript来修改`form action`属性。以下将详细讲解如何使用JavaScript来动态修改`form action`。 1. **基本语法** 在JavaScript中,可以使用`...

    浅谈JS原生Ajax,GET和POST

    在本文中,我们将探讨如何使用原生JavaScript实现AJAX的GET和POST请求。 首先,让我们看看GET请求。GET请求常用于获取服务器上的资源,它是无状态且幂等的,意味着多次执行同一请求将产生相同的结果。在示例代码中...

    异步 提交表单请求

    虽然原生的Ajax API使用起来较为复杂,但jQuery提供了简洁的$.ajax()、$.post()和$.get()方法,使得异步请求变得简单易用。例如,使用jQuery提交表单的代码可能如下: ```javascript $.ajax({ type: 'POST', ...

    详解基于原生JS验证表单组件xy-form

    本文将深入探讨基于原生JavaScript的表单组件xy-form,它提供了一种更美观且易于定制的表单验证解决方案。原生HTML表单虽然内置了一些基础的验证功能,如`require`、`minlength`、`maxlength`以及不同类型的`input`...

    二维码扫描 表单提交(支持多文件)

    表单提交通常使用HTTP的POST方法,数据可以是URL编码格式,也可以是JSON或其他结构化格式。支持多文件的表单提交意味着一次提交可以包含多个文件,这需要客户端和服务端都能处理这种复杂的数据结构。 5. **客户端...

    JavaScript_简化的HTTP请求客户端.zip

    在"request_master.zip"可能是一个名为"request"的JavaScript库,这个库可能是对原生XMLHttpRequest或fetch API的封装,提供了更友好的API和额外的功能。例如,它可能包括错误处理、自动转换响应数据格式、设置超时...

    Http post\get 发送表单

    POST方法则是用来向服务器提交数据,常用于表单提交或更新资源。POST请求的数据放在请求体中,不会显示在URL上,相对安全,且能携带大量数据。然而,POST请求不能被浏览器缓存,也不能被收藏为书签。 接下来,我们...

Global site tag (gtag.js) - Google Analytics