アヤックス
- WBOYオリジナル
- 2016-06-23 13:22:45739ブラウズ
Ajaxを使用してページング機能を実装します
取得したデータを対応するdivに埋め込みます
次のページをクリックすると、スクロールバーは一番上にジャンプしますが、Webページが更新されません。リンクは変わりません
<body><div> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></div><div id="a1"> <{section name=s loop=$newsinfo}> <{$newsinfo[s].id}>----<{$newsinfo[s].title_tc}></br> <{/section}></div><div id="a2"> <{$news->page->getPageNavTeacherShare3('index.php')}></div></body> <script> function A(a){ $.ajax({ url: 'a.php', type: 'post', dateType: 'json', data: {page: a}, success: function (result) { var result = jQuery.parseJSON(result); var len=result.newsinfo.length; var msg=""; for(var i=0;i<len;i++){ msg+=result.newsinfo[i]['id']+"---"+result.newsinfo[i]['title_tc']+"</br>"; } $('#a1').html(msg); $('#a2').html(result.news); }, error: function (result) { alert("error"); } }); }</script>
ディスカッション (解決策) への返信
1. A 関数が実行される場所がわかりません
2.あ関数はハイパーリンクによってトリガーされるため、それを防ぐために A 関数に return false が必要です ハイパーリンクのデフォルトの動作
3. dateType: 'json' がある場合、success: function (result) の結果はすでに js ですオブジェクトまたは配列
その場合、result = jQuery.parseJSON(result) がエラーになります。jQuery.parseJSON パラメータは有効な JSON 形式の文字列である必要があります
4. Ajax はブラウザのアドレス バーを変更しません
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。