Ajax通信 覚書
3348 ワード
序文
Ajax通信の簡単な覚書のつもりで作成しました。初心者が初心者にもわかりやすいように書いたものなので拙い点は多々あるはずですが、ご容赦ください。
使用言語
1.JavaScript
2.C#
サンプル
function (method, url, param) {
let defer = $.Deferred();
$.ajax({
type: method,
url: url,
data: param,
success: function (data) {
let json = JSON.parse(data);
defer.resolve(json);
return;
},
error: function () {
alert("通信に失敗しました。");
defer.reject(false);
}
});
function (method, url, param) {
let defer = $.Deferred();
$.ajax({
type: method,
url: url,
data: param,
success: function (data) {
let json = JSON.parse(data);
defer.resolve(json);
return;
},
error: function () {
alert("通信に失敗しました。");
defer.reject(false);
}
});
処理の概要
1.サーバにjson型のデータを、指定したHttpメソッドで、指定したURLに送信。
2.成功したときと失敗したときで処理が分岐する。
(ア)成功時
・レスポンスされたデータをjson型に変換。
(イ)失敗時
・「通信に失敗しました。」というメッセージ付きの警告が出る。
単語の解説
- type: Httpメソッド(POST or GET)
- url: 処理を担当するメソッド(表記は「../コントローラ名/メソッド名」)
- data: サーバに送るデータ(json型で送る場合の表記は「json = {'データの名前':データの値(変数など), 'データの名前':データの値(変数など),....}」)
- success: サーバへの通信が成功した後に起こる処理を記述する。ここでの「data」はサーバからレスポンスされたデータを指す。
- error: サーバへの通信が失敗した後に起こる処理を記述する。
終わりに
大雑把な説明しかしていないので、他の記事やサイトも参考にしていくとよいかと思われます。
Author And Source
この問題について(Ajax通信 覚書), 我々は、より多くの情報をここで見つけました https://qiita.com/King_Black/items/06615ae51f9db529aad1著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .