vueのjqueryとajaxの違いは何ですか

違い: 1. jquery の ajax メソッドは直接呼び出すことができますが、vue では直接呼び出すことはできません。これは、vue 自体が ajax リクエストをサポートしておらず、指定されたプラグインを使用して実装する必要があるためです。 in; 2. 非同期 HTTP は jquery リクエストで実行され、構文は「$.ajax({type:...,url:...,data:...,success:...,dataType:...」です。 })」、vue はプラグインの構文「axios.get(url...)」を使用します。

このチュートリアルの動作環境: Windows10 システム、jquery3.4.1 バージョン、Dell G3 コンピューター。

vue の jquery と ajax の違いは何ですか

jQuery の ajax

ajax() メソッドは、AJAX (非同期 HTTP) を実行するために使用されます。リクエスト 。

1.$.ajax() は jQuery の基礎となる ajax 実装であり、上位レベルのものは $.get メソッドと $.post メソッドです (

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

2.$.get メソッド)リクエストが成功したとき リクエストが失敗したときに操作を行いたい場合は、$.ajax() を使用します。

$(selector).get(url,data,success(response,status,xhr),dataType)
$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

は、$.ajax

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

の省略形です。 例:

3.$.post メソッド

$("input").keyup(function(){
  txt=$("input").val();
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result);
  });
});

は、次の

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

4.$.getJSON()

## の略称です。 # HTTP get リクエストを通じて json データを取得します

は次の

の略称です。2 つの重要なメソッド

.serialize( ) フォームの内容を文字列にシリアル化します;

.serializeArray() フォーム要素をシリアル化し、JSON データ構造データを返します。

VUE の Ajax

vue 自体は Ajax リクエストをサポートしていません。vue-resource を使用する必要があります。axios プラグイン

vue2 は公式に推奨していますPromise ベースの HTTP リクエスト クライアントである axios は、vue-resource の保守と更新を行わなくなります;

axios([options])  
axios.get(url[,options]);

パラメータの受け渡し方法:

1. URL

を介してパラメータを渡します2. params options を介してパラメータを渡す

axios.post(url,data,[options]);

axios がデフォルトでデータを送信するとき、データ形式はリクエスト ペイロードです。これは私たちの形式ではありません。一般的に使用されるフォーム データ形式

したがって、パラメーターはキーと値のペアの形式で渡す必要があり、json 形式で渡すことはできません

パラメーターの受け渡し方法:

1. それらを自分でキーと値のペアに結合します

2. リクエストを送信する前に、transformRequest を使用してリクエスト データを変換します

3. モジュール開発を使用する場合は、変換用の qs モジュール

axios 自体は、ドメイン間での送信をサポートしていません。ドメイン リクエストに対応する API は提供されておらず、作成者は axios でクロスドメイン リクエストの送信のサポートを追加する予定はないため、使用できるのはサードパーティ ライブラリ

ビデオ チュートリアルの推奨事項:jQuery ビデオ チュートリアル

以上がvueのjqueryとajaxの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。