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 はブラウザのアドレス バーを変更しません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
