jQuery/AJAX - XMLHTTPRequestを使用してデータを投稿/ Webサイトにログインする方法

私は助けが必要です。私はwww.mywebsite.com/login.htmlにログインし、旅行フォームを提出する前にログインする必要があるので、旅行フォームを提出するときに使用するためにクッキーを保持します。jQuery/AJAX - XMLHTTPRequestを使用してデータを投稿/ Webサイトにログインする方法

[ログイン]ボタンをクリックしようとしても何も起こりません。

以下は私のコードとフォームのスクリーンショットです。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $.post("https://www.mywebsite.com/login.html", 
 
     { 
 
      login: "[email protected]", 
 
      password: "alice1995" 
 
     }, 
 
     function(data,status){ 
 
      alert("Data: " + data + "\nStatus: " + status); 
 
     }); 
 
    }); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 

 
<button>Send an HTTP POST request to a page and get the result back</button> 
 

 
</body> 
 
</html>

screenshot of Login Form

出典

2017-05-02 Alice

ログインするためにクッキーとセッションを設定するにはPHPが必要です。 – Oen44

@ Oen44は良い質問をします。どのようにクッキーを設定していますか？ –

コード自体は（イベントが作成されたクリック）正しいように思えるが、一部のサイトでは、これらの要求をブロックし、「ブロックされたクロスオリジンリクエスト」を投げます。

$.post("http://www.google.com",

：あなたは私はwww.google.comを含め、複数のサイトのために試してみましたwww.mywebsite2.com

にwww.mywebsite1.com/test.htmlからこれを呼び出す場合に発生します

いくつかの管理者のために、それはセキュリティ上のリスクになりますが、 - https://enable-cors.org：あなたはCORSを有効にしたい場合は、ターゲットサーバー上でそれをしなければならない

：

は、ボタンのクリック後に何が起こったのか詳細については、この画像を参照してください。

出典

2017-05-02 14:52:50 Nubian

答えについて話す前に、フォームボタンにIDが必要であることを知っておくことが重要です。これはあとでその要素のターゲットを設定しようとしているときに役立ちます。ここに例があります

<button id="SendMyStatus"> 
    Send an HTTP POST request to a page and get the result back 
</button> 
$("button").click(function(){ ... }

またはボタンのonClickイベントを使用することができます。

<button onClick="SendMyStatus()"></button> 

<script> function SendMyStatus(){ ... }</script>

出典

2017-05-02 15:17:01

@Garrett kadillak編集の言葉に感謝します。私は、私は十分な英語を知っていないと思う –

jQuery/AJAX - XMLHTTPRequestを使用してデータを投稿/ Webサイトにログインする方法

答えて

関連する問題