jQuery ajax - metodi ya get()

Mifano

Tumia tukio wa GET wa AJAX kubadilisha matukio wa div:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Jifunze kwa kufanya

Mifano na matumizi

Metodi ya get() ina uwanja wa kuwakilisha habari kwa tukio wa GET wa HTTP kwenye kipindi cha ujenzi.

Hii ni ni kipengeza tukio wa GET wa simple kwa kudumuwa kwa $.ajax. Ikiwa ni lazima kufanyishwe kazi kama kina kosa, tumia $.ajax.

mashairi

$(selector).get(url,data,success(response,status,xhr),dataType)
参数 描述
url 必需。规定将请求发送的哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)

可选。规定当请求成功时运行的函数。

额外的参数:

  • response - inahusiana na matokeo ya乞求
  • status - inahusiana na hali ya乞求
  • xhr - inahusiana na XMLHttpRequest kikabla
dataType

Inahitajika. Inasababisha kufikiria kwa matokeo ya kawaida ya matokeo ya mpangilio wa mawasiliano.

Kwa kawaida, jQuery inaonekana kwa kufikiria.

Matokeo yaliyopangwa:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Kuelewa zaidi

Fungu hii ni Ajax fungu wa kina, inafanana na:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Kwa sababu ya MIME ya kawaida ya matokeo, data inayotumika kwa kikabla cha kufanana kinaonekana kama elementi ya XML, string ya matukio, faili ya JavaScript au muundo wa JSON. Inaweza kusaidia na kawaida ya matokeo ya matukio ya kawaida.

Kwa jQuery 1.4, inaweza kusaidia XMLHttpRequest kwa kuzingatia kikabla kwa kikabla cha kufanana.

Mfano

乞求 test.php weba, kumtumia matokeo:

$.get("test.php");

Mafano zaidi

Mfano 1

乞求 test.php weba, kusaidia vifaa vya 2, kumtumia matokeo:

$.get("test.php", { name: "Bill", time: "2pm" } );

Mfano 2

Onyesha matokeo wa test.php (HTML au XML, kwa sababu ya matokeo):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

Mfano 3

Onyesha matokeo wa test.cgi (HTML au XML, kwa sababu ya matokeo): kuongeza kikomo cha vifaa vya乞求:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });