Jquery를 사용하여 워드프레스에 대한 Ajax 검색 결과를 검색하는 방법

Jquery를 사용하여 워드프레스에 대한 Ajax 검색 결과를 검색하는 방법

워드프레스 에이잭스 검색 결과를 설정해야 하는데 버튼을 클릭해도 검색 결과를 가져오지 않고 다른 사이트(myurl.com)로 리디렉션합니다.s=term).admin-ajax.php를 올바르게 호출했지만 설정이 잘못되었습니다.무엇이 문제의 원인인지 아십니까?

//Script to activate ajax
 jQuery(document).ready(function($){
  var search_val=$("#s").val();
  $('#searchsubmit').click(function(){
    $.post(
        WPaAjax.ajaxurl,
        {
            action : 'wpa56343_search',
            search_val : search_val
        },
        function( response ) {
            $('#results').append( response );
        }
    );
   });

 });

//function to setup wp_query
add_action('wp_ajax_wpa56343_search', 'wpa56343_search');
function wpa56343_search(){
  global $wp_query;
  $search = $_POST['search_val'];
  $args = array(
    's' => $search,
    'posts_per_page' => 5
  );
  $wp_query = new WP_Query( $args );

  get_template_part( 'search-results' );

  exit;
}

//html

  <div id="my_search">
   <form role="search" method="get" id="searchform" action="http://myurl.com/" >
    <input type="text" value="" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
   </form>
  </div>
  <div id="results"></div>  

코드를 로 감싸야 합니다.document.ready

$(document).ready(function(){
    $("#searchsubmit").click(function(e){
        e.preventDefault();
        var search_val=$("#s").val(); 
        $.post(search.php,{search_string:search_val},function(data){
            if(data.length>0){
                $("#results").html(data);
            }
        });
    });   
});

업데이트:

$(document).ready(function(){
    $("#searchsubmit").click(function(e){
        e.preventDefault();
        var search_val=$("#s").val(); 
        $.ajax({
            type:"POST",
            url: "./wp-admin/admin-ajax.php",
            data: {
                action:'wpa56343_search', 
                search_string:search_val
            },
            success:function(response){
                $('#results').append(response);
            }
        });
    });   
});

직무상.php

add_action('wp_ajax_nopriv_wpa56343_search', 'wpa56343_search'); // for not logged in users
add_action('wp_ajax_wpa56343_search', 'wpa56343_search');
function wpa56343_search()
{
    // code
}

autoahead.js jquery 플러그인도 사용할 수 있습니다.자세한 내용은 이 튜토리얼을 참조하십시오.

http://wp.tutsplus.com/tutorials/plugins/enhancing-the-search-form-with-typeahead-js/

언급URL : https://stackoverflow.com/questions/11166981/how-to-use-jquery-to-retrieve-ajax-search-results-for-wordpress