`
hm4123660
  • 浏览: 282942 次
  • 性别: Icon_minigender_1
  • 来自: 广州
博客专栏
Dea4ce76-f328-3ab2-b24a-fb268e1eeb75
数据结构
浏览量:70131
社区版块
存档分类
最新评论

js提交表单

    博客分类:
  • JS
阅读更多

js post方式提交表单有两种办法,1:AJAX提交 2:在JS里拼出一个form,然后submit

第一种方法:

function f2()
        {
            $.ajax({
                type: "POST",
                url: "http://172.18.13.114:9090/loginAction",
                data:"id="+$("#message").val()+"&password="+$("#message1").val(),
                /*data:
                {
                    id:document.loginForm.id.value,
                    password:document.loginForm.password.value

                },*/
                success: function(msg){
                    if(msg == "false")
                        alert("账号或密码错误!");
                    else if(msg=="error")
                    {
                        alert('请输入完整信息!')
                    }
                    else{
                       alert("登入成功");

                        window.location = "testchat.html"
                    }
                },
                error: function(){
                    alert("连接失败!");
                }
            });
        }

第二种办法:在JS里拼出一个form,然后submit
Java代码
//这个主要是解决给password MD5
var email = 'email';
var pwd = 'password';

var postForm = document.createElement("form");//表单对象
postForm.method="post" ;
postForm.action = 'login.jspx' ;

var emailInput = document.createElement("input") ; //email input
emailInput.setAttribute("name", "email") ;
emailInput.setAttribute("value", email);
postForm.appendChild(emailInput) ;
var pwdInput = document.createElement("input");// password input
pwdInput.setAttribute("name","password");
pwdInput.setAttribute("value",pwd);
postForm.appendChild(pwdInput);

document.body.appendChild(postForm) ;
postForm.submit() ;
document.body.removeChild(postForm) ;

分享到:
评论

相关推荐

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    js提交表单的三种方式

    在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”>function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    js表单验证大全,js提交表单

    - `javascript提交表单__超超聊事.files`: 可能是一份关于JavaScript表单提交技术的详细讲解资料。 7. **最佳实践** - 提供即时反馈:验证时应立即通知用户输入是否有效。 - 清晰的错误信息:明确指出错误位置和...

    js 提交form表单和设置form表单请求路径的实现方法

    如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~

    prototype -通过js提交表单,局部刷新不跳转

    这就是"prototype - 通过js提交表单,局部刷新不跳转"的核心思想。 首先,我们需要了解Prototype中的`Form.Element`和`Form`类。`Form.Element`提供了对表单元素的便捷操作,如获取或设置值,而`Form`类则用于处理...

    JS提交form表单实例分析

    一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value="提交表单"> </form> javascript 代码: [removed] ...

    js实现定时提交表单

    下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)的基本结构和事件。在HTML中,表单元素通常由`<form>`标签定义,包含各种输入控件如`<input>`、`<textarea>`等。表单...

    批量提交表单JS

    批量提交表单JS的核心概念是利用JavaScript对多个表单数据进行处理,然后一次性发送到服务器。传统的HTML表单提交会刷新整个页面,而使用JS的批量提交则可以在不刷新页面的情况下完成,提供更好的用户体验。 jQuery...

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...

    javascript方式防止表单重复提交

    JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    用js提交表单解决一个页面有多个提交按钮的问题

    用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...

    Js 表单提交验证函数(很全了)

    对于更复杂的验证,例如服务器端验证,可以使用`Promise`或`async/await`处理异步请求,等待验证结果后再决定是否提交表单。 八、跨浏览器兼容性 考虑到不同浏览器对HTML5新特性的支持程度,可能需要使用条件语句或...

    js提交form表单,并传递参数的实现方法

    需要注意的是,虽然上述示例代码展示了如何通过JavaScript提交表单并传递参数,但在实际开发中,还需要处理表单验证、错误处理以及提升用户体验等方面的内容。例如,可以在提交前进行输入验证,确保所有必需的信息都...

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    表单验证js 提交前验证

    在前端验证中,JavaScript通常用于在用户提交表单之前检查输入的有效性。以下是一些常见的表单验证规则和知识点: 1. **非空验证**:这是最基本的验证,检查用户是否填写了必填字段。在JavaScript中,可以使用`if ...

    js跨域iframepostMessage提交表单

    综上所述,"js跨域iframepostMessage提交表单"的实现策略结合了iframe、form、postMessage以及事件监听等多个JavaScript特性,有效解决了跨域提交表单,尤其是包含文件上传的复杂场景,并且能获取返回值,提高了用户...

Global site tag (gtag.js) - Google Analytics