使用JavaScript的HttpQueryStringBuilder

分享于 

3分钟阅读

Web开发

  繁體 雙語

介绍

这个代码可以被看作是创建。修改。使用 GET/POST 访问 HTTP querystrings的实用工具,非常容易使用来自客户端的JavaScript。

Background

现在,使用原始AJAX时,需要使用JavaScript在客户端创建和操作查询字符串,并将它的发送到服务器端。 有时,在querystrings中传输相对较大的数据时,修改一次添加到列表中的数据项会很痛苦。

为了帮助这个任务,这个工具对它的用户很有帮助。 同样,使用面向对象的JavaScript代码开发它也很简单。

使用代码

代码包含两个段:

  • 实用程序。
  • 演示如何使用实用程序例程的Test 方法。
// The class for Creating HTTPQueryStringfunction HttpQueryStringBuilder()
{
 //Holds the Urlthis.Url = ''; 
 //Holds the Array of Key Value Pairsthis.Pairs = new Array(); 
 //The method for getting the final query string HttpQueryStringBuilder.prototype.GetFullString = function()
 {
 var queryString = (this.Url.length> 0)? this.Url + "?" : '';
 for(var key inthis.Pairs)
 {
 queryString += escape(key) + "=" + escape(this.Pairs[key]) + "&";
 }
 return queryString.substring(0, queryString.length - 1);
 }
}//////////////////////////////////////////// The Test() Method is added for demonstration purpose only// Delete this method when you are done with testing//////////////////////////////////////////function Test()
{
 //Define the Objectvar builder = new HttpQueryStringBuilder();
 //Supply values builder.Url = "http://www.google.com"//Pairs[Key] = value (Dont worry about url encoding, it will be handled automatically) builder.Pairs["FirstName"] = "S M";
 builder.Pairs["LastName"] = "Sohan";
 builder.Pairs["EMail"] = "sohan39@gmail.com";
 //Done with insertions! show it!  alert(builder.GetFullString()); 
 //Make some changes builder.Pairs["FirstName"] = "Sheikh Mohammad";
 builder.Pairs["EMail"] = "sohan39@yahoo.com";
 //Done with modifications! show it again!  alert(builder.GetFullString()); 
}

要使用提供的测试代码,你需要在你的一个页面中使用类似这样的标记:

<scripttype="text/javascript"src="HttpQueryStringBuilder.js"></script><inputtype="button"value="Button"onClick="Test()"/>

历史记录

  • June: 第一次编辑,并以未编辑的post提交给 CodeProject。

JAVA  Javascript  HTTP  
相关文章