Question

我想通过ajax传递输入值。

这是Html代码。

 <form action="GET">
 <div id="username" data-role="fieldcontain">     
        <input type="text" name="username" placeholder="User Name" />
          </div>

        <div id="password" data-role="fieldcontain">   
           <input type="password" name="password" id="txtId" placeholder="Password"/>
         </div>


      <a data-role="button" id="log"  data-theme="b" href="#page2" data-transition="slide">Login</a>

  </form>

这是我的剧本。

<script>

 $.ajax({
        url: "http://1xx.1xx.0.1xx:8081/script.login",
            type: "GET",
            data: { 'page':'create_user', 'access':'user','username': +username.val(), 'password': +password.val()},
            dataType: "text",
            success: function (html) {

            }

    });


</script>

在脚本和数据中：我使用username.val（）和password.val（）来获取div的输入，而不是硬编码用户名和密码。

请原谅我的网络开发知识，因为我对此非常陌生。它不起作用。我做错了什么？

Answer 1

首先<form action="GET">是错误的。它必须是<form method="GET">

我自己将id分配给每个文本字段并获取jquery Selector输入的值。所以，

你的Html代码sholud看起来像是......

 <form method="GET">
 <div id="username" data-role="fieldcontain">     
        <input type="text" id="username" name="username" placeholder="User Name" />
          </div>

        <div id="password" data-role="fieldcontain">   
           <input type="password" name="password" id="password" placeholder="Password"/>
         </div>


      <a data-role="button" id="log"  data-theme="b" href="#page2" data-transition="slide">Login</a>

  </form>

脚本应该跟随......

<script>

 $.ajax({
        url: "http://1xx.1xx.0.1xx:8081/script.login",
            type: "GET",
            data: { 'page':'create_user', 'access':'user','username': +$('#username').val(), 'password': +$('#password').val()},
            dataType: "text",
            success: function (html) {

            }

    });


</script>

Answer 2

而不是username.val()使用$("input[name='username']").val()和password。

通过Ajax传递表单值

2 个答案: