使用 jquery、javascript 或 PHP 生成查询字符串

Posted

技术标签:

【中文标题】使用 jquery、javascript 或 PHP 生成查询字符串【英文标题】:Generate query string using jquery, javascript OR PHP 【发布时间】:2011-03-07 00:47:45 【问题描述】:

我有一个用户可以填写的表格,我需要用户能够使用查询字符串生成带有结果的 pdf 例子

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
<form id="form">
<select name="test" id="test">
<option id="op1" value="1">1234</option>
<option id="op2" value="2">2134</option>
</select>
</form>


<a href="url.pdf?Name=[FillStringHere]"> click here</a>   
 </body>

谢谢!

【问题讨论】:

FillStringHere 应该如何生成? 它应该生成用户选择的值 为什么不直接使用 POST 表单? 你在body标签之外有一个锚点。 【参考方案1】:

html

<a href="#" id="pdf_a">click here</a>

jQuery

$(document).ready(function()
  $('#pdf_a').click(function()
    $(this).attr('href', 'url.pdf?'+$('#form').serialize());
  );
);

例子:

http://jsfiddle.net/NeL5X/

【讨论】:

你能给我看一个如何使用它的例子吗?我不太擅长 javascript 这太完美了!一开始我没有意识到,但现在我明白了!非常感谢男人!我有一百万个用途……【参考方案2】:

这将采用 opt1 和 opt2 的值并将其作为 opt1=x&opt2=y 放入 url。

  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
      $("#my_link").click(function()
        opt1 = $("#opt1").val(); // Stores the value of id-opt1 in the variable opt1
        opt2 = $("#opt2").val(); // Stores the value of id-opt2 in the variable opt2
        url = "url.pdf?opt1=" + opt1 + "&opt2=" + opt2; // Takes the above variables and creates the query to send to your file.
        window.location = url;
       );
    );

    </script>
    </head>
    <body>
    <form id="form">
    <select name="test" id="test">
    <option id="op1" value="1">1234</option>
    <option id="op2" value="2">2134</option>
    </select>
    </form>
    <a id="my_link"> click here</a>
    </body>

【讨论】:

你在body标签之外有一个锚点。 谢谢!如果我还想在查询字符串上显示某些元素的文本值和其他一些元素的实际值,我该怎么做? 编辑并在答案中添加了 cmets,因此它更容易理解。添加变量并获取您想要的值并修改 url 变量以反映您想要发布到 pdf 文件的其他数据。

以上是关于使用 jquery、javascript 或 PHP 生成查询字符串的主要内容,如果未能解决你的问题,请参考以下文章

使用 jquery/javascript 将数据从 html 表单保存到文本文件

如何使用 javascript 或 Jquery 使用文件系统或操作?

使用jquery是或否投票将数据插入mysql

防止用户使用 jquery 或 javascript 重新加载页面 [重复]

使用 Jquery 或 Javascript 保存数据

如何使用 JavaScript 或 jquery 选中/取消选中复选框?