神奇的%EF%BB%BF
废话不多说上代码:
前台:
function on_post_form(){ var f = document.post_myform; var s_paramName = document.getElementById("select_paramName").value; f.action = "__APP__/index/select_infomessage-s_paramName-"+encodeURIComponent(s_paramName)+".html"; f.submit();}<input name="select_paramName" class="KeyWord" id="select_paramName" size="20" maxlength="30" type="text"><div id="searchresult" style="display: none;"></div>
$(document).ready(function(){ $('#select_paramName').keyup(function(){ //输入框的id为search,这里监听输入框的keyup事件 $.ajax({ type:"GET", //AJAX提交方式为GET提交 url:"__APP__/index/get_search_showdiv", //处理页的URL地址 data:"s_Name="+encodeURIComponent($('#select_paramName').val()), //要传递的参数 success:function(data){ //成功后执行的方法 if(data != ""){ var ss; ss = data.split("@"); //分割返回的字符串 var layer; layer = "<table>"; //创建一个table for(var i=0;i<ss.length-1;i++){ layer += "<tr><td class='line'>"+ss[i]+"</td></tr>"; } layer += "</table>"; $('#searchresult').empty(); //先清空#searchresult下的所有子元素 $('#searchresult').append(layer);//将刚才创建的table插入到#searchresult内 $("#searchresult").css("display", ""); $('.line').hover(function(){ //监听提示框的鼠标悬停事件 $(this).addClass("hover"); },function(){ $(this).removeClass("hover"); }); $('.line').click(function(){ //监听提示框的鼠标单击事件 $('#select_paramName').val($(this).text()); $("#searchresult").css("display", "none"); ChangeCoords(); }); }else{ $('#searchresult').empty(); } } }); });});
后台:
public function get_search_showdiv() { //urlencode urldecode 文本框自动提示 $keyword = urldecode($_GET['s_Name']); $condition = "f_hotname like '%".$keyword."%'"; $info=$this->model->table('forest')->field('f_hotname')->where($condition)->order('f_id desc')->limit(5)->select(); if($keyword !=""){ foreach($info as $vo) { echo $vo['f_hotname'].'@'; } }else{ echo ""; } }
问题症状:比如输入“百度”
在div #searchresult 里显示:
百度杀毒
百度卫士
百度影音
如果选择第一项百度杀毒,火狐浏览器这样显示:
http://192.168.1.101/index/select_infomessage-s_paramName-%EF%BB%BF%百度杀毒.html
什么也没有。。。
如果选择第二项百度卫士,火狐浏览器这样显示:
http://192.168.1.101/index/select_infomessage-s_paramName-百度卫士.html
正常搜索,可以搜索到信息。其它项也是正常,唯独第一项就不正常。
度娘说是bom头,我所有页面都是去bom头的,编码也是utf8,尝试了很多也解决不了问题。
为什么会在第一项时候会加入%EF%BB%BF%,,,,, 在其它项都可以正常显示的。
回复讨论(解决方案)
%EF%BB%BF 不就是 BOM 头的 url 编码吗?
因为只有一个,所以你程序加载的文件中,只有一个有 BOM 头
public function get_search_showdiv()
这个函数所在php脚本文件有BOM
%EF%BB%BF 不就是 BOM 头的 url 编码吗?
因为只有一个,所以你程序加载的文件中,只有一个有 BOM 头
不好意思,这几天出差,刚刚回来,什么意思,没看明白。
utf-8 文件的 BOM 头的十六进制表示是 EFBBBF
url 编码后是 %EF%BB%BF
ajax 请求的 url 为 __APP__/index/get_search_showdiv
显然这是在使用框架
框架在处理一个请求时,至少会加载 3 个文件
所以任何一个被加载的文件有 BOM 头,返回的内容就会有 BOM 头
连接变成 ....%EF%BB%BF百度杀毒.html
而不是 ....%EF%BB%BF%EF%BB%BF百度杀毒.html
就表示只有一个文件有 BOM 头
ajax 收到的是形如 xxx@xxx@xxx@ 的串
BOM 当然是附加在内容前面的: BOMxxx@xxx@xxx@
拆分成数组后,自然是只有第一项有 BOM 啦
那怎么解决这个问题呢

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

长URL(通常用关键字和跟踪参数都混乱)可以阻止访问者。 URL缩短脚本提供了解决方案,创建了简洁的链接,非常适合社交媒体和其他平台。 这些脚本对于单个网站很有价值

在Facebook在2012年通过Facebook备受瞩目的收购之后,Instagram采用了两套API供第三方使用。这些是Instagram Graph API和Instagram Basic Display API。作为开发人员建立一个需要信息的应用程序

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

这是有关用Laravel后端构建React应用程序的系列的第二个也是最后一部分。在该系列的第一部分中,我们使用Laravel为基本的产品上市应用程序创建了一个RESTFUL API。在本教程中,我们将成为开发人员

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

2025年的PHP景观调查调查了当前的PHP发展趋势。 它探讨了框架用法,部署方法和挑战,旨在为开发人员和企业提供见解。 该调查预计现代PHP Versio的增长
