コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > ajaxロードの例

ajaxロードの例

无忌哥哥
リリース： 2018-06-29 15:01:15
オリジナル
1214 人が閲覧しました

ajax-load インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1.ajax-load()</title>
</head>
<body>
<img src="../images/zly.jpg" width="150">
<div></div>
<button>点击</button>
</body>
</html>
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(&#39;button&#39;).eq(0).on(&#39;click&#39;,function(){
$(&#39;div&#39;).eq(0)
// .load(&#39;api/info.php&#39;)
// .load(&#39;api/info.php&#39;+&#39; p&#39;)  //支持选择器
// .load(&#39;api/info.php&#39;+&#39; h3&#39;)
// .load(&#39;api/info.php&#39;,{birthday:&#39;10月16日&#39;,nation:"中国"}) //POST
// .load(&#39;api/info.php&#39;,&#39;age=31&sex=女&#39;) //GET
.load(&#39;api/info.php&#39;,&#39;age=31&sex=女&#39;,function(){
$(&#39;img&#39;).css(&#39;border-radius&#39;,&#39;50%&#39;)
}) //callBack()
})
</script>
ログイン後にコピー

以上がajaxロードの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
jquery load ajax，jquery ajax load
ソース：php.cn
前の記事：Ajax_POST の送信 次の記事：Vue リソースを使用して VUE でインタラクションを完了する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Opencart 2: Ajax を使用して php ファイルを呼び出す データベースにクーポンを追加するモデル上のメソッドを呼び出す、作成したシステム/ヘルパー php ファイルを ajax で呼び出したいと考えています。 php ファイルには次の内容...
から 2024-03-31 23:09:02
0
1
348
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート