如何使用对PHP脚本的AJAX调用来实现jQuery自动完成功能?

凯玛特·罗奇(Kemat Rochi)

我有以下jQuery代码用于自动完成功能,

$( "#text" ).autocomplete({
      source: function( request, response ) {
        $.ajax({
          type: 'GET',
          url: 'server.php',
          dataType: 'json',
          data: {
            input: request.term
          },
          success: function(data) {
          response( $.map(data, function(item) {
            return {
              label: item.Symbol + " - " + item.Name + " ( " + item.Exchange + " )"
            }
          }));
        }
        });
      },
      minLength: 1,
      select: function( event, ui ) {
           var symbol = ui.item.label.split(' ');
               setTimeout(function() {
                   $('#text').val(symbol[0]);
               },0);
      }
    });

每当用户在文本框中输入密钥时,都会对PHP文件进行AJAX调用。这个PHP文件将从API检索数据并更新自动完成功能的建议列表吗?

我在PHP端有以下代码,

<?php
if(!empty($_GET['term'])) {
        $term = $_GET['term'];
        $url = "http://dev.markitondemand.com/MODApis/Api/v2/Lookup/json?input=".$term;

        $j_response = file_get_contents($url);
        $j_response = json_decode($j_response);

        print json_encode($j_response);

    }
?>

由于某种原因,自动填充功能对我不起作用-我在这里做错了什么?

先生代码

在PHP中,您尝试使用$_GET['term'],但在JavaScript中,变量被称为input将数据对象更改为term使用input

data: {
  term: request.term
},

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在以下情况下如何使用PHP,jQuery和AJAX实现自动完成功能?

来自分类Dev

具有自动完成功能的jQuery ajax:使用ajax实现它的错误

来自分类Dev

如何在ajax函数中调用自动完成功能

来自分类Dev

如何使用自动完成功能创建脚本?

来自分类Dev

如何使用自动完成功能创建脚本?

来自分类Dev

如何使用jQuery自动完成功能填充多余的字段

来自分类Dev

如何使Rails 4使用Jquery UI自动完成功能?

来自分类Dev

jQuery自动完成功能,可为ajax调用动态创建输入

来自分类Dev

为什么我的ajax方法无法调用jQuery自动完成功能

来自分类Dev

当我使用 jquery-ui 自动完成功能在 textarea 中输入时,如何在任何位置实现自动完成?

来自分类Dev

将Razor与Jquery合并以实现自动完成功能

来自分类Dev

将Razor与Jquery合并以实现自动完成功能

来自分类Dev

如何在JSP中实现机场自动完成功能?

来自分类Dev

使用MongoDB搜索实现自动完成功能

来自分类Dev

如何使用http请求在操作栏中实现搜索视图自动完成功能?

来自分类Dev

如何使用Spring Rest MVC服务实现自动完成功能

来自分类Dev

如何在ctrl +空格键上调用jquery自动完成功能?

来自分类Dev

使用JQuery成功功能的Ajax不被调用

来自分类Dev

使用所选自动完成功能的ajax方法

来自分类Dev

AJAX:如何在KeyUp上绑定自动完成功能才能使用键盘键

来自分类Dev

如何从php mysql查询中为jQuery自动完成功能准备多维数组?

来自分类Dev

如何使jQuery UI自动完成功能忽略HTML实体

来自分类Dev

如何向Jquery自动完成功能添加搜索按钮

来自分类Dev

jQuery自动完成功能如何显示“无结果”

来自分类Dev

使用jQuery自动完成功能搜索多个值

来自分类Dev

自动完成功能无法在jQuery中使用

来自分类Dev

使用jQuery自动完成功能动态加载内容

来自分类Dev

使用jQuery自动完成功能将textarea顶部对齐

来自分类Dev

防止使用jQuery自动完成功能执行默认操作

Related 相关文章

  1. 1

    在以下情况下如何使用PHP,jQuery和AJAX实现自动完成功能?

  2. 2

    具有自动完成功能的jQuery ajax:使用ajax实现它的错误

  3. 3

    如何在ajax函数中调用自动完成功能

  4. 4

    如何使用自动完成功能创建脚本?

  5. 5

    如何使用自动完成功能创建脚本?

  6. 6

    如何使用jQuery自动完成功能填充多余的字段

  7. 7

    如何使Rails 4使用Jquery UI自动完成功能?

  8. 8

    jQuery自动完成功能,可为ajax调用动态创建输入

  9. 9

    为什么我的ajax方法无法调用jQuery自动完成功能

  10. 10

    当我使用 jquery-ui 自动完成功能在 textarea 中输入时,如何在任何位置实现自动完成?

  11. 11

    将Razor与Jquery合并以实现自动完成功能

  12. 12

    将Razor与Jquery合并以实现自动完成功能

  13. 13

    如何在JSP中实现机场自动完成功能?

  14. 14

    使用MongoDB搜索实现自动完成功能

  15. 15

    如何使用http请求在操作栏中实现搜索视图自动完成功能?

  16. 16

    如何使用Spring Rest MVC服务实现自动完成功能

  17. 17

    如何在ctrl +空格键上调用jquery自动完成功能?

  18. 18

    使用JQuery成功功能的Ajax不被调用

  19. 19

    使用所选自动完成功能的ajax方法

  20. 20

    AJAX:如何在KeyUp上绑定自动完成功能才能使用键盘键

  21. 21

    如何从php mysql查询中为jQuery自动完成功能准备多维数组?

  22. 22

    如何使jQuery UI自动完成功能忽略HTML实体

  23. 23

    如何向Jquery自动完成功能添加搜索按钮

  24. 24

    jQuery自动完成功能如何显示“无结果”

  25. 25

    使用jQuery自动完成功能搜索多个值

  26. 26

    自动完成功能无法在jQuery中使用

  27. 27

    使用jQuery自动完成功能动态加载内容

  28. 28

    使用jQuery自动完成功能将textarea顶部对齐

  29. 29

    防止使用jQuery自动完成功能执行默认操作

热门标签

归档