Ajax und der FF

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Ajax und der FF

    Hallo,

    derzeit versuche ich mich an einem kleinen Ajax Chat für eine Private Seite.
    Soweit läuft auch alles im Opera aber im Firefox nicht.

    Ich habe 2 Ajax Request

    Quellcode

    1. function ajaxFunction(){
    2. var ajaxRequest; // The variable that makes Ajax possible!
    4. try{
    5. // Opera 8.0+, Firefox, Safari
    6. ajaxRequest = new XMLHttpRequest();
    7. } catch (e){
    8. // Internet Explorer Browsers
    9. try{
    10. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    11. } catch (e) {
    12. try{
    13. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    14. } catch (e){
    15. // Something went wrong
    16. alert("Your browser broke!");
    17. return false;
    18. }
    19. }
    21. }
    22. return ajaxRequest;
    23. }
    25. function showData() {
    26. //alert("i m here");
    27. htmlRequest = ajaxFunction();
    28. if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
    29. alert ("Browser does not support HTTP Request"); // Alert Them!
    30. return; // Returns.
    31. } // End If.
    33. htmlRequest.onreadystatechange = function(){
    34. if(htmlRequest.readyState == 4){
    35. document.getElementById("shoutarea").innerHTML = htmlRequest.responseText;
    36. var obj = document.getElementById('shoutarea');
    37. obj.scrollTop = obj.scrollHeight;
    39. }
    40. }
    42. htmlRequest.open("GET", "index.php?mode=outputinfo", true);
    43. htmlRequest.send(null);
    44. }
    46. showData();
    47. setInterval("showData()",1000);
    49. function showsData() {
    50. //alert("i m here");
    51. htmlRequest = ajaxFunction();
    52. if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
    53. alert ("Browser does not support HTTP Request"); // Alert Them!
    54. return; // Returns.
    55. } // End If.
    57. htmlRequest.onreadystatechange = function(){
    58. if(htmlRequest.readyState == 4){
    59. document.getElementById("onlinearea").innerHTML = htmlRequest.responseText;
    60. var obj = document.getElementById('onlinearea');
    61. obj.scrollTop = obj.scrollHeight;
    63. }
    64. }
    66. htmlRequest.open("GET", "index.php?mode=outputinfos", true);
    67. htmlRequest.send(null);
    68. }
    70. showsData();
    71. setInterval("showsData()",1000);
    Alles anzeigen


    function showData() ruft die Chat Texte Live ab, function showsData() die User Online Liste

    Im Opera läuft alles soweit. Die Texte haben zwar ne Verzögerung beim 1 Aufruf von ca 10 Sec aber es läuft.
    Im Firefox allerdings habe ich in beiden DIV Spalten die User Online Liste.

    So ganz blicke ich auf dem JS Feld noch nicht ganz durch und hoffe auf eure Hilfe.

  • HiHo,

    So, nach durchstöbern des Forum bin ich auf easy-coding.de/wiki/php/upload-fortschritt-mit-php-ajax.html gestossen und habe mir diese Funktion dex JS für die User Online Liste zu eigen gemacht.
    Nun habe ich 2 unterschiedliche funktionen für den ajax request

    Das wäre einmal für die Texte

    Quellcode

    1. // JavaScript Document
    3. function ajaxFunction(){
    4. var ajaxRequest; // The variable that makes Ajax possible!
    6. try{
    7. // Opera 8.0+, Firefox, Safari
    8. ajaxRequest = new XMLHttpRequest();
    9. } catch (e){
    10. // Internet Explorer Browsers
    11. try{
    12. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    13. } catch (e) {
    14. try{
    15. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    16. } catch (e){
    17. // Something went wrong
    18. alert("Your browser broke!");
    19. return false;
    20. }
    21. }
    23. }
    24. return ajaxRequest;
    25. }
    28. function showData() {
    29. //alert("i m here");
    30. htmlRequest = ajaxFunction();
    31. if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
    32. alert ("Browser does not support HTTP Request"); // Alert Them!
    33. return; // Returns.
    34. } // End If.
    36. htmlRequest.onreadystatechange = function(){
    37. if(htmlRequest.readyState == 4){
    38. document.getElementById("shoutarea").innerHTML = htmlRequest.responseText;
    39. var obj = document.getElementById('shoutarea');
    40. obj.scrollTop = obj.scrollHeight;
    42. }
    43. }
    45. htmlRequest.open("GET", "index.php?mode=outputinfo", true);
    46. htmlRequest.send(null);
    47. }
    49. showData();
    50. setInterval("showData()",1000);
    Alles anzeigen


    Und einmal für die Online Liste

    Quellcode

    1. function showsData() {
    2. var req;
    3. try {
    4. req = window.XMLHttpRequest?new XMLHttpRequest():
    5. new ActiveXObject("Microsoft.XMLHTTP");
    6. } catch (e) {
    7. try{
    8. req = new ActiveXObject("Microsoft.XMLHTTP");
    9. } catch (e){
    10. // Something went wrong
    11. alert("Your browser broke!");
    12. return false;
    13. }
    14. }
    16. req.onreadystatechange = function() {
    17. if ((req.readyState == 4) && (req.status == 200)) {
    18. document.getElementById("onlinearea").innerHTML = req.responseText;
    19. var obj = document.getElementById('onlinearea');
    20. obj.scrollTop = obj.scrollHeight;
    21. }
    22. }
    23. req.open("GET", "index.php?mode=outputinfos", true);
    24. req.send(null);
    25. }
    27. showsData();
    28. setInterval("showsData()",1000);
    Alles anzeigen


    Bei der Online Liste habe ich also diesmal

    Quellcode

    1. req = window.XMLHttpRequest?new XMLHttpRequest():
    2. new ActiveXObject("Microsoft.XMLHTTP");


    direkt in die Funktion geschrieben.

    Daraus schliesse ich das jede funktion ihren eigenen Ajax Request braucht. Liege ich da richtig?

  • Hi,

    zum Verständnis.
    Ein Request ist eine Anfrage an den Server. Zu dem Request gehört auch eine Response, die man optional verarbeiten kann. Für diesen Ablauf ist eine XML-HTTP Instanz nötig. Werden also 10 Anfrage gesendet, muss das Objekt 10mal instanziert werden.
    Die Funktion "ajaxFunction" die du nutzt, instanziert zu jedem Request das Objekt und gibt dieses zurück. Du musst diese Funktionalität also nicht in die anderen Funktionen reinkopieren, sondern kannst die Funktion für alle deine AjaxRequests nutzen.


    Quellcode

    1. function ajaxFunction() {
    2. var ajaxRequest; // The variable that makes Ajax possible!
    4. try{
    5. // Opera 8.0+, Firefox, Safari
    6. ajaxRequest = new XMLHttpRequest();
    7. } catch (e){
    8. // Internet Explorer Browsers
    9. try{
    10. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    11. } catch (e) {
    12. try{
    13. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
    14. } catch (e){
    15. // Something went wrong
    16. alert("Your browser broke!");
    17. return false;
    18. }
    19. }
    21. }
    23. if (htmlRequest==null){ // If it cannot create a new Xmlhttp object.
    24. alert ("Browser does not support HTTP Request"); // Alert Them!
    25. return false; // Returns.
    26. } // End If.
    28. return ajaxRequest;
    29. }
    30. function showData() {
    31. //htmlRequest = ajaxFunction();
    32. var htmlRequest = ajaxFunction();
    33. htmlRequest.onreadystatechange = function(){
    34. if(htmlRequest.readyState == 4){
    35. document.getElementById("shoutarea").innerHTML = htmlRequest.responseText;
    36. var obj = document.getElementById('shoutarea');
    37. obj.scrollTop = obj.scrollHeight;
    39. }
    40. }
    42. htmlRequest.open("GET", "index.php?mode=outputinfo", true);
    43. htmlRequest.send(null);
    44. }
    45. function showsData() {
    46. //htmlRequest = ajaxFunction();
    47. var htmlRequest= ajaxFunction();
    48. htmlRequest.onreadystatechange = function() {
    49. if ((htmlRequest.readyState == 4) && (htmlRequest.status == 200)) {
    50. document.getElementById("onlinearea").innerHTML = htmlRequest.responseText;
    51. var obj = document.getElementById('onlinearea');
    52. obj.scrollTop = obj.scrollHeight;
    53. }
    54. }
    56. htmlRequest.open("GET", "index.php?mode=outputinfos", true);
    57. htmlRequest.send(null);
    58. }
    60. showData();
    61. showsData();
    62. setInterval("showData()",1000);
    63. setInterval("showsData()",1000);
    Alles anzeigen