Maison développement back-end tutoriel php 简单的ajax分页疑问,该如何处理

简单的ajax分页疑问,该如何处理

Jun 13, 2016 pm 01:33 PM
function lt nokia page quot

简单的ajax分页疑问

HTML code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->


<title>ajax分页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript">
function ajax() {
    var ajax = false;
    if(window.XMLHttpRequest) {
        ajax = new XMLHttpRequest();
    } else {
        ajax = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return ajax;
}
window.onload = function check(node) {
    var parameter = "page=" + node;
    var nokia = ajax();
    //alert(nokia);return;
    nokia.open('POST',"process.php",true);
    nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    nokia.send(parameter);
    nokia.onreadystatechange = function () {
        if(nokia.readyState==4 && nokia.status==200) {
            document.getElementById('span1').innerHTML = this.responseText;
        }
    }
}
</script>

<style type="text/css">
</style>

    
        <span id="span1"></span>
    

Copier après la connexion

PHP code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><?php $page = isset($_POST['page'])?$_POST['page']+0:1;
if($page==0) {
$page =1;
}
$conn = mysql_connect('localhost','root','111111');
mysql_select_db('msg');
$sql = 'select count(*) from news';
$info = mysql_query($sql,$conn);
$msg = mysql_fetch_row($info);
$counts = $msg[0]; 
$perpage = 5; 
$pages = ceil($counts/$perpage); 
$start = $page - (5-1)/2;
$end = $page + (5-1)/2;
$start = $start<1?1:$start;
$end = ($start+5-1)>$pages?$pages:($start+5-1);
$end = $end>$pages?$pages:$end;
$start = ($end-5+1)' . $i . ' ';
}
echo $link;
Copier après la connexion


运行上面的html文件 可以显示 1 2 3 4 5 
可一单击超链接时,firefox的debug显示 check is not defined
不是已经innerHTML进来了么,而且奇怪的是那个$page如果不加零的话显示的object element,望朋友解答!!!

------解决方案--------------------

这样呢
function check(node) {
var parameter = "page=" + node;
var nokia = ajax();
//alert(nokia);return;
nokia.open('POST',"process.php",true);
nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
nokia.send(parameter);
nokia.onreadystatechange = function () {
if(nokia.readyState==4 && nokia.status==200) {
document.getElementById('span1').innerHTML = this.responseText;
}
}
}
window.onload = check(node);


------解决方案--------------------
JScript code
window.onload = function ()
{
   check(1);
}
function check(node) {
    var parameter = "page=" + node;
    var nokia = ajax();
    //alert(nokia);return;
    nokia.open('POST',"process.php",true);
    nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    nokia.send(parameter);
    nokia.onreadystatechange = function () {
        if(nokia.readyState==4 && nokia.status==200) {
            document.getElementById('span1').innerHTML = this.responseText;
        }
    }
}
<br><font color="#e78608">------解决方案-------------------- <div class="clear">
                 
              
              
        
            </div></font>
Copier après la connexion
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie fonction ? Que signifie fonction ? Aug 04, 2023 am 10:33 AM

Fonction signifie fonction. Il s'agit d'un bloc de code réutilisable avec des fonctions spécifiques. C'est l'un des composants de base d'un programme. Il peut accepter des paramètres d'entrée, effectuer des opérations spécifiques et renvoyer des résultats. code pour améliorer la réutilisabilité et la maintenabilité du code.

Il est prévu que les modèles Nokia 105/110 4G 2024 et les deux téléphones multifonctions de la banque nationale de HMD Global complèteront l'accès au réseau du ministère de l'Industrie et des Technologies de l'information. Il est prévu que les modèles Nokia 105/110 4G 2024 et les deux téléphones multifonctions de la banque nationale de HMD Global complèteront l'accès au réseau du ministère de l'Industrie et des Technologies de l'information. Mar 19, 2024 am 10:04 AM

Selon les informations du 18 mars, deux nouveaux téléphones multifonctions « Nokia » portant les numéros de modèle Nokia TA-1617/TA-1619 ont été connectés au ministère de l'Industrie et des Technologies de l'information. Leur apparence spécifique et leur nom réel sont inconnus. Selon les rapports, ces deux téléphones mobiles ne prennent en charge que la communication 4G, ils ne sont donc pas le « téléphone multifonction Nokia 3310 5G » dont on parlait précédemment. Les informations sur les paramètres des deux téléphones multifonctions sont les suivantes : Nokia TA-1617 Taille : 127,25 x 54,2 x 11. .63mm Poids : 97g écran : 2,8 pouces RAM : 64 Mo Stockage : 128 Mo Capacité de la batterie : 1400 mAh Nokia TA-1619 Dimensions : 122x52x13,14 mm Poids : 87,8 grammes Écran : 2,4 pouces RAM : 64 Mo

Des sources indiquent que HMD Global devrait annoncer demain le téléphone multifonction Nokia 3310 5G. Des sources indiquent que HMD Global devrait annoncer demain le téléphone multifonction Nokia 3310 5G. Feb 06, 2024 pm 05:15 PM

Le 6 février, le média étranger NokiaMob a rapporté qu'un employé nommé « JesusHMD » avait posté sur le serveur Discord officiel de HMD, affirmant que HMD Global annoncerait « des choses passionnantes » demain. ▲Source de l'image : serveur Discord officiel de HMD Le compte officiel de HMD Global. Selon des rapports précédents, HMD Global avait précédemment publié une bande-annonce vidéo dans laquelle un téléphone mobile en forme de Nokia 3310 apparaissait avec un logo « 5G ». Sur cette base, les médias étrangers pensent que HMD devrait lancer le téléphone multifonction Nokia 3310 5G et d'autres. appareils demain. Lecture connexe : "H

Les informations de référence montrent que HMD Global teste la mise à jour Android 14 pour les téléphones Nokia X10/20 Les informations de référence montrent que HMD Global teste la mise à jour Android 14 pour les téléphones Nokia X10/20 Apr 22, 2024 am 08:16 AM

Selon les informations du 21 avril, selon les dernières informations de la base de données de référence GeekBench, HMD Global teste la mise à jour Android 14 pour les téléphones mobiles Nokia X10/X20, mais le temps de poussée spécifique n'est actuellement pas clair. Les informations sur la page correspondante montrent qu'après la mise à niveau vers Android 14, le Nokia X10 a obtenu 701 points au test monocœur et 1853 points au test multicœur, tandis que le Nokia X20 a obtenu 699 points au test monocœur et 1842 points. points dans le test multicœur après la mise à niveau vers Android 14. Les informations sur les paramètres des deux téléphones mobiles sont les suivantes : Nokia X10SoC : Qualcomm Snapdragon 4805G Écran : 6,67 pouces, résolution 1080 x 2400 LPSLCD, luminosité 450 nits RAM : 4 Go/6 Go Espace de stockage : 64 Go/128 Go.

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Quel est le but de la fonction « enumerate() » en Python ? Quel est le but de la fonction « enumerate() » en Python ? Sep 01, 2023 am 11:29 AM

Dans cet article, nous découvrirons la fonction enumerate() et le but de la fonction « enumerate() » en Python. Qu'est-ce que la fonction enumerate() ? La fonction enumerate() de Python accepte une collection de données comme paramètre et renvoie un objet d'énumération. Les objets d'énumération sont renvoyés sous forme de paires clé-valeur. La clé est l'index correspondant à chaque élément, et la valeur est les éléments. Syntaxe enumerate(iterable,start) Paramètres iterable - Les données transmises dans la collection peuvent être renvoyées sous forme d'objet d'énumération, appelé iterablestart - Comme son nom l'indique, l'index de départ de l'objet d'énumération est défini par start. si nous ignorons

Explication détaillée du rôle et de la fonction de la table MySQL.proc Explication détaillée du rôle et de la fonction de la table MySQL.proc Mar 16, 2024 am 09:03 AM

Explication détaillée du rôle et de la fonction de la table MySQL.proc MySQL est un système de gestion de bases de données relationnelles populaire. Lorsque les développeurs utilisent MySQL, ils impliquent souvent la création et la gestion de procédures stockées (StoredProcedure). La table MySQL.proc est une table système très importante. Elle stocke les informations relatives à toutes les procédures stockées dans la base de données, y compris le nom, la définition, les paramètres, etc. Dans cet article, nous expliquerons en détail le rôle et les fonctionnalités de la table MySQL.proc

Comment implémenter la pagination des données et l'optimisation de l'affichage dans les projets Vue Comment implémenter la pagination des données et l'optimisation de l'affichage dans les projets Vue Oct 15, 2023 am 09:27 AM

Implémentation de la pagination des données et de l'optimisation de l'affichage dans les projets Vue. Dans les projets Vue, lorsqu'une page doit afficher une grande quantité de données, la pagination des données et l'optimisation de l'affichage doivent généralement être effectuées pour améliorer l'expérience utilisateur. mettre en œuvre la pagination des données et l’optimisation de l’affichage, et fournir des exemples de code spécifiques. 1. Paging des données La pagination des données consiste à diviser une grande quantité de données en plusieurs pages selon certaines règles et à les afficher sur la page. Vous pouvez utiliser les étapes suivantes pour implémenter la pagination des données dans un projet Vue : Définissez la source de données. Commencez par définir une source de données qui contient toutes les données.

See all articles