javascript / http发布请求,无需重定向到网站

时间:2013-12-27 02:10:00

标签: javascript html post get

我正在尝试允许用户登录允许跨源资源共享的其他/外部网站。

这是我的密码和用户名html:

<form action="http:...../login/login.cfm" method="post"> 
<input type="text" placeholder="username" id="username" name="username" ><br>
<input type="password" placeholder="password" id="password" name="password">
<button onclick= "test()">Save & Enter</button>
</form>

这会将您登录到站点,但它也会将您重定向到您登录后打开的页面。如何只是将用户登录,然后从网页获取字符串。

此外,我可以使用get请求来验证密码,因为如果它无法获取信息,那么该人输入了错误的用户名或密码。

那么如何在不重定向到网站的情况下进行密码和用户名发布? 请帮忙。 (这只是客户端,Javascript,jquery和html。没有php。)

<form> 
<input type="text" placeholder="username" id="username" name="username" ><br>
<input type="password" placeholder="password" id="password" name="password">
<button onclick= "test()">Save & Enter</button>
</form> 
<script>
var username = document.getElementById("username").value;
var password = document.getElementById("password ").value;
$.post( "http://.../login/login.cfm", { name: username, password: password })
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });
</script>

这不起作用。

以下是一个例子:

username=daniel&password=password

1 个答案:

答案 0 :(得分:0)

尝试以下方法:

<form> 
    <input type="text" placeholder="username" id="username" name="username" ><br />
    <input type="password" placeholder="password" id="password" name="password">
    <button onclick="test(); return false;">Save &amp; Enter</button>
</form> 
<script>
function test() {
    var username = document.getElementById("username").value;
    var password = document.getElementById("password ").value;
    $.post( "http://.../login/login.cfm", { name: username, password: password })   
      .done(function( data ) {
        alert( "Data Loaded: " + data );
    });
}
</script>