Question

我有以下代码

$("#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
    close: function (event, ui) {
        alert($(this).val());
    }
});



<label for="autocomplete">Select a programming language:</label>
<input id="autocomplete">

如何将我获得的值作为GET函数发送？我读了Ajax GET函数，但我不确定如何编码从表单元素

获得的数据

Answer 1

您可以使用序列化

它会将一组表单元素编码为一个字符串以供提交。

http://api.jquery.com/serialize/

以及如何制作它

<form id="myform">
    <label for="autocomplete">Select a programming language:</label>
    <input id="autocomplete" name="autocomplete">
    <input type="button" id="btnSubmit" value="send">
</form>

<script>
$(document).ready(function(){

    $("btnSubmit").click(function(){
         $.ajax({'url':'myurlforajaxrequest',
                 'data': $("#myform").serialize(),
                 'type':'get'
               });
    });

});
</script>

Answer 2

这是$.get的文档。传递给它的数据可以是JS对象或字符串。该字符串基本上是表单元素的key=val表示形式。使用jquery表单元素上的serialize方法来获取这样的字符串。希望有所帮助！

Answer 3

这取决于您要发送的脚本所期望的内容，但$.get()接受多种数据格式。它可以是一个简单的字符串或对象。

例如，如果您的脚本在请求中需要programminglanguage变量，那么您的关闭处理程序可能如下所示

$("#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
    close: function (event, ui) {
        var jqxhr = $.get("/my/script.php", "programminglanguage=" + $(this).val());
        // Alternatively:
        //var jqxhr = $(.get("/my/script.php", {"programminglanguage": $(this).val()});
    }
});

$.get()函数有一个您可能想要使用的成功处理程序参数，并且jqxhr页面here上记录了返回的jQuery.ajax()对象的属性。

Answer 4

jQuery $。ajax 默认contentType为 application / x-www-form-urlencoded ，这意味着jQuery将对内容进行编码。但是，由于您指定了不同的contentType，因此数据不会被编码，因此您必须进行自己的编码。（Jquery ajax encoding data）

尝试 encodeURIComponent 。（URL Encode a string in jQuery for an AJAX request）

通过替换来编码统一资源标识符（URI）组件每个特定字符的实例由一个，两个，三个或四个转义代表字符的UTF-8编码的序列（仅限由两个“代理人”组成的字符的四个转义序列字符）。

示例：

在Jquery中发送GET请求

4 个答案: