Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- javascript [2017/07/21 16:54] – vytvořeno djbuldog
+++ javascript [2025/08/28 10:09] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
@@ Řádek 7: / Řádek 7: @@
 ..
 </script>
+</code>
+  * identifikace objektu podle id
+<code javascript>
+document.getElementById("texform")
+</code>
+<code javascript>
+$("#texform")
 </code>
 ===== Asynchronní dotazy =====
-  * http://jecas.cz/ajax
   * XMLHttpRequest
+<code javascript>
+var http_req = new XMLHttpRequest();
+var url = "myscript.php";
+var params = "myparam=myparamvalue";
+var displaybox = document.getElementById("display").innerHTML;
+displaybox ="<h3>Loading data ...</h3>";
+http_req.onreadystatechange=function() {
+  if (http_req.readyState==4 && http_req.status==200) {
+    displaybox = http_req.responseText;
+  }
+}
+http_req.open("POST",url,true);
+http_req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+http_req.send(params);
+</code>
+  * dříve se používali ale spíš zápisy využívající jQUERY??? tj. ''$.ajax''
+  * jak odeslat formulář přes ajax?
+    * normálně do toho param je třeba narvat všechno z formuláře
+    * na to existují obecné funkce, co převedou všechny elementy na param string
+    * problém je ale s elementy typu select (multiselect), file, ...
+  * jak se posílá formulář s file přes ajax?
+    * buď přes iframe http://jecas.cz/ajax
+    * nebo přes FormData
+      * https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects
+      * https://stackoverflow.com/questions/10899384/uploading-both-data-and-files-in-one-form-using-ajax
+<code javascript>
+  var http_req = new XMLHttpRequest();
+  var url = "index.php";
+  var formdata = new FormData(document.getElementById("texform"));
+  document.getElementById("display").innerHTML="<h3>Loading data ...</h3>";
+  http_req.onreadystatechange=function() {
+    if (http_req.readyState==4 && http_req.status==200) {
+      document.getElementById("display").innerHTML=http_req.responseText;
+    }
+  }
+  http_req.open("POST",url,true);
+  http_req.send(formdata);
+</code>