使用 jQuery 的 ajax 调用来请求搜索页面。
<前><代码>$.ajax({
异步：真，
数据：$dataToSend，
数据类型：'xml'，
发送前：函数（）{
console.log('rq');
},
错误：函数（jqXHR，textStatus，errorThrown）{
console.log('错误');
},
成功：函数（xml，textstatus，jqXHR）{
//处理响应数据
},
超时：10000，
类型：'发布'，
url: 'http://' + document.location.host + '/search'
});
处理响应并挑选出您感兴趣的数据。
http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery
$(xml).find('div[class="post"]').each( function() {
$("#currentPage").append($(this) + "
");
});

SO 拒绝对该列表位进行代码块。对此感到非常抱歉。

This plugin does it for you pretty much. You might want to look at the source code of the plugin and see how you can leverage it for yourself.

http://wordpress.org/extend/plugins/threewp-ajax-search/screenshots/

I suppose you could also call the search page yourself, parse out the #container value and then parse the results list yourself. If you want help with that let me know. Otherwise I think an already developed plugin is pretty convenient.

As requested here is some more thoughts on how I think I might do this. None of this is tester, but I the general ideas are sound. You will have to tweak things as appropriate to match your installation. For example Get vs Post. Timeout. Request Data.

Use jQuery's ajax call to request the search page.

$.ajax({
                async: true,
                data: $dataToSend,
                datatype: 'xml',
                beforeSend: function() {
                    console.log('rq');
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    console.log('error');
                },
                success: function(xml, textstatus, jqXHR) {
                    //Process Response Data
                },          
                timeout: 10000,
                type: 'POST',
                url: 'http://' + document.location.host + '/search'     
        });

Process the response and cull out the data you are interested in.
http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery
$(xml).find('div[class="post"]').each( function() {
$("#currentPage").append($(this) + "
");
});

SO refuses to code block that list bit. So sorry about that.

回复收藏 0 原文

~没有更多了~