使用ajax jquery发送json数据的链接答案

【问题标题】：send link on json data using ajax jquery使用ajax jquery发送json数据的链接
【发布时间】：2020-01-04 02:24:52
【问题描述】：

我正在使用自动建议使用Ajax Json。

现在当用户选择用户名时，我想通过该用户名的链接发送用户

我的json数据是这样来的

{
 query:'hel',
 suggestions:["hello world","hell boy ","bac to hell"],
 data:["2","26","34"]                       
}

现在我希望该用户在选择用户名时转到http://userProfile.php?uid=26（假设用户选择“地狱男孩”）这个怎么办？？

更新： 我一步一步描述我在做什么我正在使用使用 jquery ajax 的搜索框，当用户在输入框上写一些文本时，我们会显示（建议）值重新搜索他们的搜索

步骤 1. 当用户至少写（2 个字母）<input type="text" name="q" id="query" />然后调用一个函数（如下），在该函数中我发送写在文本框上的值（例如地狱）。 p>

<script type="text/javascript" language="javascript">
    var options, a;
    jQuery(function(){
       options = { serviceUrl:'rpc.php' };
       var a = $('#query').autocomplete({ 
        serviceUrl:'rpc.php',
        minChars:3, 
        delimiter: /(,|;)\s*/, // regex or character
        maxHeight:400,
        width:300,
        zIndex: 9999,
        deferRequestBy: 0, //miliseconds
      });
    });
 </script>

第 2 步： 在 rpc.php，我收集数据并使用 JSON 显示我的最终数据采用以下格式

{
 query:'hell',
 suggestions:["hello world","hell boy ","bac to hell"],
 data:["2","26","34"]

}

其中包含用户名和数据的建议列表是用户 ID（来自 user_tables）。以上数据来自一个 div（在前端），其中用户名显示在列表中

第 3 步： 现在，如果我使用 uparrow、downarrow 选择任何用户名，那么该名称将填写在输入框中， 第 4 步： 现在我想要的是，当用户选择用户名时，页面会自动转到该用户的个人资料部分（userprofile.php?uid=2）

【问题讨论】：

我想你的意思是JSON 而不是杰森。至于您的问题，您需要更清楚地说明您想要做什么。
@Abs 是json，谢谢指点，现在我更新了我的问题，请看

标签： php json jquery

【解决方案1】：

如果您查看page you linked，在“如何使用”部分下，您会看到可以添加onSelect 回调函数：

 // callback function:
onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); },

现在您应该能够访问您的数据，并将您的用户移动到您所需的页面。

例如类似于以下内容：

<script type="text/javascript" language="javascript">
var options, a;
  jQuery(function() {
    options = {
      serviceUrl: 'rpc.php'
    };
    var a = $('#query').autocomplete({
        serviceUrl: 'rpc.php',
        minChars: 3,
        delimiter: /(,|;)\s*/, // regex or character
        maxHeight: 400,
        width: 300,
        zIndex: 9999,
        deferRequestBy: 0, //miliseconds
        // callback function:
        onSelect: transferUser
      },
    });
  });

  function transferUser(value, data) {
    window.location.href = 'userprofile.php?uid=' + data;
  }    
</script>

（请注意，我没有对此进行测试，但它应该可以让您了解如何进行操作！）

可能还值得注意的是最新版的jQuery UI also has autocomplete

【讨论】：