Sie sind hier : sebastian1012.bplaced.net/ homepage-neu / Kurze-Scripte-und-Codeschnipsel / index.php

Zurück


Der Quellcode dazu


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 <html>
 <head>
  <title>Ajax Beispiel 003</title>
   <style>
  body{
  text-align:center;
  }
  div,#so{
  margin-top:20px;
  width:100%;
  }
  </style>
 </head>
 <body>
  <p id="so"><a id="source_01" href="javascript:setRequest('01')">Server Antwort holen</a></p>
  <div id="content"></div>
  <div id="scrip"></div>
 
  
  <script>
    var request = false;
    function setRequest(id) {
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); 
        }  
        if (!request) {
        document.getElementById('content').innerHTML = '<p id="err" style="color:red;font-size:20px;">Error Kein request möglich</p>';
            return false;
        } else {
            var url = "variable-an-php-uebergeben-ohne-ajax.php";
            var value = document.getElementById('source_'+id).innerHTML;
            request.open('post', url, true);
            request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            request.send('antwort='+value);
            request.onreadystatechange = interpretRequest;
        }
    }
    function interpretRequest() {
        switch (request.readyState) {
            case 4:
                if (request.status != 200) {
                document.getElementById('content').innerHTML = '<p id="err" style="color:orange;font-size:20px;">Error<br>Der Request wurde abgeschlossen, ist aber nicht OK<br>Fehler:'+request.status+'</p>';
                } else {
                    var content = request.responseText;
                    document.getElementById('content').innerHTML = '<p id="ant" style="color:green;font-size:20px;">Antwort von Serve ist = '+content+'</p>'
                }
                break;
                default:
                break;
    }
    if(request.responseText!=1){
          document.getElementById('scrip').innerHTML = '<p id="antscrok" style="color:green;font-size:20px;">'+request.responseText+' wurde vom Javascript erkannt<br>Seite wird  reloadet</p>';
          //location.reload()
    }else{
          document.getElementById('scrip').innerHTML = '<p id="antscrerr" style="color:red;font-size:20px;">'+request.responseText+' ist nicht der Text aus der if Abfrage</p>'; 
    }
}
</script>
</body>
</html>