thinkphp5 jquery Autocomplete 无法传递额外参数extraParams使用ajax的写法

2 篇文章 0 订阅
2 篇文章 0 订阅
  $("#id").autocomplete({ 
            source: function(request, response){
                        $.ajax({  
                             type : "GET",
			                 contentType : "application/json;charset=utf-8",
                             url: "__URL__/xx",  
                             dataType: "json",  
                             data:{term:request.term,ar:$('#city').val()},
                             async : false,
                             success: function(result) {  
                                 response(result);
                             }  
                         });     
            },
            select: function(event, ui){   
                    $("#id").val(ui.item.label);
                    return false;  
                }
        }); 
---------------------------------------------------------------------------------------------------------------
thinkphp 后台获取:
         $q = strtolower($_GET["term"]); 
         $ar = strtolower($_GET["ar"]); 

希望能帮助到需要的人,摸索了很久,掉进坑刚出来!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: ThinkPHP5是一款使用PHP语言开发的Web开发框架,Echarts是一款基于JavaScript的数据可视化库,而Ajax是一种基于JavaScript的前端技术,用于实现异步请求和数据交互。结合这三者,我们可以实现在ThinkPHP5中使用Ajax动态赋值Echarts图表的功能。 首先,我们需要在前端页面中引入Echarts和相关的JavaScript库。然后,通过Ajax发送请求到后端的ThinkPHP5控制器中。在控制器中,我们可以根据请求的参数进行数据处理和查询,最后将处理好的数据返回给前端。 接下来,在前端的JavaScript中,我们可以通过Ajax的回调函数获取到后端返回的数据,并使用Echarts的API将数据动态填充到图表中。 具体的步骤如下: 1. 在前端页面中引入Echarts的JavaScript文件和相关的库文件,确保Echarts和Ajax的对象可用。 2. 编写一个Ajax请求的函数,通过该函数发送请求到后端的ThinkPHP5控制器。 3. 在控制器中,接收Ajax请求的参数,进行数据处理和查询,并将处理后的数据返回给前端。 4. 在前端的Ajax回调函数中,获取到后端返回的数据,并使用Echarts的API将数据填充到图表中。 需要注意的是,在控制器中,我们可以使用ThinkPHP5提供的模型来处理数据,并使用相关的查询方法来查询数据库。在返回数据给前端时,可以将数据转换为JSON格式,方便在前端进行处理和使用。 总的来说,通过ThinkPHP5、Echarts和Ajax的配合,我们可以实现使用Ajax动态赋值Echarts图表的功能,方便地进行数据可视化展示。 ### 回答2: 使用ThinkPHP5结合Echarts和Ajax实现动态赋值的步骤如下: 1. 在项目中安装并引入Echarts库,可以通过CDN或者本地文件方式引入,并在页面中创建一个div用于显示图表。 2. 在ThinkPHP5中创建一个控制器,用于处理请求和返回数据。例如创建一个Test控制器,编写一个方法用于处理Ajax请求,并返回需要的数据。 3. 在方法中使用ThinkPHP5的查询方法获取需要的数据,例如从数据库中查询数据并进行处理。 4. 在控制器方法中使用Echarts提供的方法生成需要的图表数据格式。可以使用Echarts提供的示例代码或者自定义生成图表所需的数据。 5. 将生成的图表数据返回给前端页面,可以通过JSON格式的数据进行返回。 6. 在前端页面中使用Javascript编写一个Ajax请求,向后端发送请求并获取返回的数据。 7. 在Ajax的回调函数中使用Echarts提供的方法将获取到的数据进行解析并渲染到页面中的图表上。 8. 在页面加载时调用Ajax请求的方法,即可实现动态赋值的效果。 需要注意的是,前端页面需要引入Echarts的相关文件,并根据Echarts的API文档对图表进行配置和渲染。在ThinkPHP5中,可以通过返回JSON格式的数据来实现数据的传递和渲染。同时,需要处理好前后端的数据传递和格式转换,确保数据的准确性和一致性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值