$.ajax({
type:"get",
url:"js/data.txt",
成功: function(data) {
console.log(data);
}
});
1
0
0
Web 開(kāi)発のプロセスでは、非同期データ対話に Ajax を使用するのが非常に一般的です。中でも jQuery は非常に有名な JavaScript ライブラリであり、フロントエンド開(kāi)発を容易にする多くの関數(shù)やメソッドが組み込まれています。 jQuery では、非同期データ対話に Ajax を使用することも非常に簡(jiǎn)単で、$.ajax() 関數(shù)を使用するだけで実現(xiàn)できます。ただし、$.ajax() 関數(shù)を使用すると、「Ajax はメソッドではありません」というプロンプトが表示されるという問(wèn)題が発生することがあります。では、この問(wèn)題の原因は何でしょうか?
まず第一に、「Ajax はメソッドではありません」というプロンプトは jQuery 自體が原因ではないことを明確にする必要があります。 jQuery では、$.ajax() 関數(shù)は jQuery オブジェクトに対して定義されたメソッドです。つまり、$.ajax() 関數(shù)を呼び出すときは、まず jQuery オブジェクトをインスタンス化する必要があります。 「Ajax()」関數(shù)を直接使用して Ajax を呼び出すと、「Ajax はメソッドではありません」というプロンプトが表示されます。
それでは、どうやって解決すればいいのでしょうか？実際、この問(wèn)題の解決は非常に簡(jiǎn)単で、jQuery ライブラリを正しく導(dǎo)入し、jQuery オブジェクトをインスタンス化するだけです。以下に簡(jiǎn)単な例を示します。
<!DOCTYPE?html>
<html>
<head>
????<title>使用jQuery調(diào)用Ajax</title>
????<meta?charset="utf-8">
????<script?src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
????<script>
????????$(document).ready(function()?{
????????????$.ajax({
????????????????url:?'test.php',
????????????????type:?'POST',
????????????????data:?{
????????????????????name:?'張三',
????????????????????age:?18
????????????????},
????????????????success:?function(response)?{
????????????????????console.log(response);
????????????????}
????????????});
????????});
????</script>
</head>
<body>
????<h1>使用jQuery調(diào)用Ajax示例</h1>
</body>
</html>
上記のコードでは、まず jQuery ライブラリを紹介します。次に、ページが読み込まれた後、$(document).ready() 関數(shù)を通じて jQuery オブジェクトをインスタンス化し、非同期データ対話に $.ajax() 関數(shù)を使用します。この例では、Ajax リクエストの URL を「test.php」に設(shè)定し、リクエスト メソッドを POST に設(shè)定し、2 つのパラメータ (名前と年齢) を渡します。 Ajax リクエストが成功すると、サーバーから返されたデータがコンソールに出力されます。
一般に、「Ajax はメソッドではありません」というプロンプトは、jQuery ライブラリが正しく導(dǎo)入されていないか、jQuery オブジェクトがインスタンス化されていないことが原因で発生します。この問(wèn)題は、jQuery ライブラリの導(dǎo)入とインスタンス化を確認(rèn)するだけで簡(jiǎn)単に解決できます。同時(shí)に、コンソールに「$」または「jQuery」を入力して、jQuery オブジェクトが正しく導(dǎo)入され、インスタンス化されたかどうかを確認(rèn)することもできます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
