Rozdíly

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

--- javascript [2017/07/21 17:36] – [JavaScript] djbuldog
+++ javascript [2025/08/28 10:09] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
@@ Řádek 9: / Řádek 9: @@
 </code>
-  * identifikace objektu
+  * identifikace objektu podle id
 <code javascript>
 document.getElementById("texform")
+</code>
+<code javascript>
 $("#texform")
 </code>
@@ Řádek 18: / Řádek 21: @@
 ===== Asynchronní dotazy =====
-  * http://jecas.cz/ajax
   * XMLHttpRequest
 <code javascript>
@@ Řádek 41: / Řádek 42: @@
 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>