JSLite - アヤックス


ご質問がある場合は、これらの場所でコミュニケーションを取ることを歓迎します。また、共同開発のために JSLite.io 組織チームに参加することも歓迎します。

Ajax

Ajax リクエストを実行します。リクエスト アドレスは、HTTP アクセス制御またはサポートされているブラウザの JSONP を通じて、ローカルまたはクロスドメインにすることができます。

Ajax リクエストを実行します。
type: リクエストメソッド ("GET"、"POST")
data: (デフォルト: none) サーバーに送信されるデータ。get リクエストの場合、パラメータとして URL に自動的に結合されます。非文字列オブジェクト
processData (デフォルト: true): 非 Get リクエスト用。データを文字列に自動的に変換するかどうか。
dataType: (jsonjsonpxmlhtml、または text) json, jsonp, xml, html, or text)
contentType:一个额外的"{键:值}"对映射到请求一起发送
headers:(默认:{}): 一个额外的"{键:值}"对映射到请求一起发送
url:发送请求的地址
async:此参数不传默认为true(异步请求),false同步请求
success(cdata):请求成功之后调用。传入返回后的数据,以及包含成功代码的字符串。
error(status, statusText):请求出错时调用。 (超时,解析错误,或者状态码不在HTTP 2xx)。

$.get

$.get(url, function(data, status, xhr){ ... })  ⇒ XMLHttpRequest
$.get(url, [data], [function(data, status, xhr){ ... }], [dataType])  ⇒ XMLHttpRequest

$.get("http://127.0.0.1/api.php?wcj=123", function(cdata) {
    console.log("ok", cdata)
},"json")

$.get("http://127.0.0.1/api.php?wcj=123",{"JSLite":4}, function(cdata) {
    console.log("ok", cdata)
})

$.ajax(GET)

1.JSLite独有....

$.ajax("GET", "http://127.0.0.1/api.php", {"wcj":"123","ok":'11'},function(cdata) {    console.log("ok", cdata)
})

2.通用调用方法

$.ajax({
    type:"GET",
    dataType:"json",
    data:{"nike":"a"},
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})

$.getJSON

发送一个Ajax GET请求并解析返回的JSON数据。方法支持跨域请求。
$.getJSON(url, function(data, status, xhr){ ... })

$.getJSON("http://127.0.0.1/api.php", function(data){  console.log(data)
})

jsonp

JSONP 方式

$.ajax({
    url: "http://127.0.0.1/api.php?callback",
    dataType: "jsonp",
    success: function(data) {
        console.log(data)
    }
})

$.ajax({
    url: 'http://localhost/api3.php',
    dataType: "jsonp",
    success: function(data) {
        console.log("success:2:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})

$.post

$.post(url, [data], function(data, status, xhr){ ... }, [dataType])

$.post("http://127.0.0.1/api.php", {"nike":0},function(cdata) {    console.log("ok", cdata)
})

$.ajax(POST)

1.JSLite独有....

var data = { "key": "key", "from": "from"}
$.ajax("POST", "http://127.0.0.1/api.php", data,function(data) {    console.log("ok", data)
},"json")

2.通用调用方法

$.ajax({
    type:"POST",
    dataType:"json",
    data:{"nike":"123","kacper":{"go":34,"to":100}},
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})
$.ajax({
    type:"POST",
    dataType:"json",
    data:JSON.stringify("{"nike":"123","kacper":{"go":34,"to":100}}"),
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})

$.ajax({
    type:"POST",
    dataType:"json",
    data:JSON.stringify({"nike":"a"}),
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})

$.ajax({
    type:"POST",
    data:{"nike":"a"},
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    }
})

$.ajax({
    type:"POST",
    dataType:"json",
    data:{"nike":"a"},
    url:"http://127.0.0.1/api.php",
    success:function(data){
       console.log("success:",data)
    },
    error:function(d){
       console.log("error:",d)
    },
    headers: {
        "Access-Control-Allow-Origin":"http://pc175.com",
        "Access-Control-Allow-Headers":"X-Requested-With"
    },
    contentType: "application/json"
})

$.ajaxJSONP

已过时,使用 $.ajax 代替。此方法相对 $.ajaxcontentType: リクエストと一緒に送信されるようにマッピングされた追加の「{key:value}」ペア

headers: (デフォルト: {}): リクエストと一緒に送信されるようにマッピングされた追加の「{key:value}」ペア

url: リクエストを送信するアドレス

async: このパラメータが渡されない場合、デフォルトは true (非同期リクエスト)、同期リクエストの場合は false です
success(cdata): リクエストが成功した後に呼び出されます。返されたデータと成功コードを含む文字列を渡します。

error(status, statusText): リクエストエラーが発生したときに呼び出されます。 (タイムアウト、解析エラー、または HTTP 2xx 以外のステータス コード)。

$.get
URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load()

$.get(url, function(data, status, xhr){ ... }) ⇒ XMLHttpRequest

$.get(url, [data], [function(data, status, xhr) ){ ... }], [dataType]) ⇒ XMLHttpRequest

<h2>JSLite中AJAX的一个方法!</h2>
<p id="demo">这是一个文本文件</p>
// 把文件 "demo.txt" 的内容加载到指定的 <div> 元素中
$("#div1").load("demo.txt");
//把 "demo.txt" 文件中 id="div1" 的元素的内容,加载到指定的 <div> 元素中:
$("#div1").load("demo.txt #p1");
🎜$.ajax(GET)🎜🎜1.JSLite 固有....🎜rrreee🎜2.ユニバーサル呼び出しメソッド🎜rrreee🎜$.getJSON🎜 🎜 Ajax GET リクエストを送信し、返された JSON データを解析します。このメソッドはクロスドメインリクエストをサポートします。 🎜$.getJSON(url, function(data, status, xhr){ ... })🎜rrreee🎜jsonp🎜🎜JSONPメソッド🎜rrreee🎜$.post🎜🎜🎜$.post(url, [data], function( data, status, xhr){ ... }, [dataType])🎜🎜rrreee🎜$.ajax(POST)🎜🎜1. JSLite に固有....🎜rrreee🎜2. ユニバーサル呼び出しメソッド🎜rrreee🎜$。 ajaxJSONP🎜🎜 は廃止されました。代わりに $.ajax を使用してください。この方法には $.ajax に比べて利点がないため、使用はお勧めできません。 $.ajaxJSONP(options) ⇒ XMLHttpRequest🎜🎜load🎜🎜🎜load() メソッドをシミュレートして、サーバーからデータをロードし、返されたデータを選択した要素に配置します。 🎜🎜🎜$(selector).load(URL,data,callback);🎜必須の URL パラメータは、ロードする URL を指定します。 🎜 オプションの data パラメーターは、リクエストとともに送信されるクエリ文字列のキーと値のペアのセットを指定します。 🎜 オプションの callback パラメータは、load() メソッドの完了後に実行される関数の名前です。 🎜🎜これはサンプル ファイル (「demo.txt」) の内容です: 🎜rrreee🎜