通過Ajax傳遞表單值

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（）來得到股利而不是硬編碼的用戶名和密碼輸入。

請原諒我的網絡開發知識，因爲我對此很新。它不工作。我做錯了什麼？

Answer 1

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

Answer 2

首先<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>