Принимая во внимание специальные символы в поиске

Question

У меня есть форма с предложением поиска, которое отображается как пользовательский тип ввода. Теперь это предложение поиска можно щелкнуть, где пользователи могут щелкнуть по определенному элементу. когда этот элемент нажимает, он принимает их к чему-то вроде searchPage.php? user_query = текст элемента, который был нажат (то есть searchPage.php? user_query = html).

Что я замечаю, что если элемент поиска предложение имеет особый характер, известный как ASCII ISO 8859-1 символов будет игнорировать его, и, следовательно, результат будет searchPage.php? USER_QUERY =

ни при каких обстоятельствах может ли он быть пустым, потому что его плохая конструкция, если вы нажмете на элемент, а затем заполнит весь список.

Ниже поисковое внушение ЯШ:

$(function(){ 
$(".search").keyup(function() 
{ 
var searchid = $(this).val(); 
var dataString = 'search='+ searchid; 
if(searchid!='') 
{ 
    $.ajax({ 
    type: "POST", 
    url: "search.php", 
    data: dataString, 
    cache: false, 
    success: function(html) 
    { 
    $("#result").html(html).show(); 
    } 
    }); 
}return false;  
}); 

jQuery("#result").live("click",function(e){ 
    var $clicked = $(e.target); 
    var $name = $clicked.find('.name').html(); 
    var decoded = $("<div/>").html($name).text(); 
    window.open('searchPage.php?user_query=' + decoded,'_self',false); 

    $('#searchid').val(decoded); 
}); 
jQuery(document).live("click", function(e) { 
    var $clicked = $(e.target); 
    if (! $clicked.hasClass("search")){ 
     var $name = $clicked.find('.name').html(); 
    var decoded = $("<div/>").html($name).text(); 

    } 
}); 
$('#searchid').click(function(){ 
    jQuery("#result").fadeIn(); 
}); 
}); 

Ниже приведена форма:

<form method="get" action="searchPage.php" enctype="multipart/form-data" autocomplete="off"> 
<input type="text" class="search" id="searchid" name="user_query" id="searchBar" placeholder="Search for courses" /> 
      <input type="submit" id="searchButton" name="search" value="search" class="btn btn-danger" autocomplete="off"/> 

     <div id="result"></div> 

</form> 

Answer 1

Сначала, как прокомментировал GolezTrol, я бы использовал UTF8 везде: это Рекомендуемое самый надежный способ чтобы избежать любых проблем, подобных вашим.

Тогда, в данном конкретном случае у вас есть здесь, вы можете попробовать заменить

var decoded = $("<div/>").html($name).text(); 

по

var decoded = encodeURIComponent($("<div/>").html($name).text()); 

(не совсем уверен, что это работает отлично ...)