如何将jquery的$ .post（）转换为纯JavaScript？

Question

您如何将这个jquery代码转换为纯JavaScript（即删除jquery依赖项）？

在app.html的<head> 内部

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script type="text/javascript">
   var textToSend = "blah blah";
   var moreText = "yada yada yada";
   $.post( "process.php", { text1: textToSend, text2: moreText},
      function( data ) {
         alert("Process.php script replies : " + data);
      }
   );
</script>

process.php在服务器上的同一文件夹中。

<?php
   print "<p>You said " . $_POST['text1'] . "</p>";
   print "<p>Then you added " . $_POST['text2'] . "</p>";
?>

原谅我的新手模糊。 提前致谢。

Answer 1

直接使用XHR 。 请注意，jQuery和其他AJAX库抽象了寻找适当对象以执行请求的任务。

Answer 2

尝试这个。

<script type="text/javascript">
function doPost()
{
    var textToSend = "blah blah";
   var moreText = "yada yada yada";
    var xmlhttp;
    if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
    else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
     alert("Process.php script replies : " + xmlhttp.responseText);

    }
  }
xmlhttp.open("POST","process.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("text1=" + encodeURIComponent(textToSend) + "&text2=" + encodeURIComponent(moreText) );
}
</script>

编辑：我添加了encodeURIComponent()函数来对参数进行编码。

Answer 3

代替$ .post，执行以下操作：

var http = new XMLHttpRequest();
var params = "textToSend=" + encodeURIComponent(textToSend) + "&moreText=" + encodeURIComponent(moreText);
http.open("POST", "process.php", true);
http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
http.onreadystatechange = function() { alert("Process.php script replies : " + http.responseText); };
http.send(params);

如何将jquery的$ .post（）转换为纯JavaScript？

问题描述

3 个解决方案

解决方案1
3 2012-02-10 05:19:25

解决方案2
2 已采纳 2012-02-10 05:24:00

解决方案3
2 2012-02-10 05:27:21

如何将jquery的$ .post（）转换为纯JavaScript？

问题描述

3 个解决方案

解决方案1 3 2012-02-10 05:19:25

解决方案2 2 已采纳 2012-02-10 05:24:00

解决方案3 2 2012-02-10 05:27:21

解决方案1
3 2012-02-10 05:19:25

解决方案2
2 已采纳 2012-02-10 05:24:00

解决方案3
2 2012-02-10 05:27:21