suchen

Heim >Backend-Entwicklung >PHP-Tutorial >Javascript – Ajax-Aktualisierungsproblem

Javascript – Ajax-Aktualisierungsproblem

WBOY
WBOYOriginal
2016-10-10 11:56:091083Durchsuche

Ich möchte einen ähnlichen Effekt wie segmentfaul haben. Klicken Sie auf die Partition, um den entsprechenden Inhalt anzuzeigen. Das Problem besteht jedoch darin, dass ich nicht weiß, wie der Inhalt auf der aktuellen Seite angezeigt werden soll . Herf kann nicht geschrieben werden #. Was soll ich dann tun, wenn die Daten zuerst angezeigt werden und dann die Seite leer ist und die Daten nicht angezeigt werden können? Bitte schauen Sie genau hin. Ich möchte den Effekt von Segmentfault nicht verhindern. Wenn Sie Ajax verwenden, muss die Seite nicht aktualisiert werden ist das gelungen? href="1.html" 

<code>代码只是大概描述一下
1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
       document.getElementById('java').onclick=function(){
          div.innerHTML=str;
       }
    </script>
</head>
<body>
<a href="#" id="java">java</a>
<a href="#" id="php">php</a>
<div></div>
</body>
</html></code>
Antwortinhalt:

Ich möchte nur einen segmentfehlerähnlichen Effekt erzielen. Klicken Sie auf die Partition, um den entsprechenden Inhalt anzuzeigen. Das Problem besteht jedoch darin, dass ich nicht weiß, wie der Inhalt angezeigt werden soll Seite kann nicht geschrieben werden. Wenn ich

schreibe, was soll ich tun, wenn die Daten zuerst angezeigt werden und dann die Seite leer ist und die Daten nicht angezeigt werden können? Bitte schauen Sie genau hin. Ich möchte den Effekt von Segmentfault nicht verhindern. Wenn Sie Ajax verwenden, muss die Seite nicht aktualisiert werden ist das gelungen? href="1.html" 

<code>代码只是大概描述一下
1.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
       document.getElementById('java').onclick=function(){
          div.innerHTML=str;
       }
    </script>
</head>
<body>
<a href="#" id="java">java</a>
<a href="#" id="php">php</a>
<div></div>
</body>
</html></code>

Schreiben Sie einfach eine separate URL, entweder Ajax Refresh oder Get. Es gibt viele kleine Abschnitte, die eigentlich kein großes Problem darstellen, und auch das Backend ist sehr einfach. Da die Datenformate grundsätzlich gleich sind, schreiben Sie einfach einen regulären Ausdruck, der beim Routenabgleich mit der angeforderten URL übereinstimmt, verarbeiten Sie die Daten dann in einem Controller und geben Sie je nach URL unterschiedliche Daten zurück. Darüber hinaus muss die Front-End-Vorlage nicht groß geändert werden und ist in hohem Maße wiederverwendbar.

Sie können das Standardverhalten des Browsers (das Standardverhalten ist hier das Springen) verhindern, indem Sie im Event-Handler

oder preventDefault aufrufen. Darüber hinaus handelt es sich um Server-Rendering, nicht um Ajax. return false

Abschließend wird empfohlen, dieses Buch zu kaufen und systematisch zu studieren. Auch wenn Sie nicht systematisch studiert haben, ist das Durchsuchen oder Überprüfen der API viel effizienter als das Stellen von Fragen

Egal was das

von

ist, Sie können das Standardverhalten im Ereignis <a> verhindern hrefDas Folgende ist der jQuery-Code, der native Code ist ähnlich. Rufen Sie „preventDefault()“ des Ereignisses auf oder geben Sie

zurück.

false

Man kann es aber auch direkt 
<code class="javascript">$("#java").on("click", e => {
    e.preventDefault();
});</code>
so einstellen, dass es nichts tut

href 

<code class="html"><a href="javascript: void(0)" ...>...</a></code>
Wenn Sie auf eine Seite klicken, sendet der dieser Seite entsprechende JS-Code eine HTTP-GET-Anfrage an den Hintergrund, und der Hintergrund gibt dann die entsprechenden Daten (z. B. Java/PHP usw.) zurück.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Warum kann PHP zwar ausgeben, das Cookie aber dennoch erfolgreich gesetzt werden?Nächster Artikel：Warum kann PHP zwar ausgeben, das Cookie aber dennoch erfolgreich gesetzt werden?

In Verbindung stehende Artikel

Mehr sehen