在Jquery中发送GET请求_Jquery - Fatal编程技术网

在Jquery中发送GET请求

jquery

在Jquery中发送GET请求,jquery,Jquery,我有下面的代码 $("#autocomplete").autocomplete({ source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"], close: function (event, ui) { alert($(this).val()); } }); <label for="autocomplete">Select a programming

我有下面的代码

$("#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函数，但不确定如何对从表单元素获取的数据进行编码

这是要阅读的文档。传递给它的数据可以是JS对象或字符串。字符串基本上是表单元素的编码key=val表示。使用jquery表单元素上的方法来获取这样的字符串。希望有帮助

您可以使用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>

这取决于您将其发送到的脚本所期望的内容，但是$.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()});
    }
});

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

jQuery$。ajax默认内容类型是application/x-www-form-urlencoded，这意味着jQuery将对内容进行编码。但是，由于您指定了不同的contentType，因此数据没有编码，因此您必须自己进行编码

请尝试使用该组件

通过替换某些字符的每个实例由一个、两个、三个或四个转义组成表示字符UTF-8编码的序列将仅用于对于由两个代理项组成的字符，可以有四个转义序列人物

例如：

var encoded=encodeURIComponentstr

完整解决方案：

//下面是PHP代码

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css"/>
<script>
  $(document).ready(function() {
    $("#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"],
    close: function (event, ui) {
        $.ajax({
            url: 'yourAjaxRequestHandleFile.php',
            data: 'q=' + encodeURIComponent($('#autocomplete').val()),
            type: 'get',
            success: function (ajxResponse) {
                alert(ajxResponse);
            }
        });
    }
});
  });
  </script>
</head>
<body>
<label for="autocomplete">Select a programming language:</label>
<input id="autocomplete">
</body>
</html>

<?php 
// Get Send Ajax Data
$q = $_GET['q'];
// Show Ajax Data and return to Ajax
echo "You submitted $q ";
?>