如何使用JavaScript XMLHTTP搜索xml文件中文本框输入的值 [英] how to search textbox entered value in xml file using javascript XMLHTTP
本文介绍了如何使用JavaScript XMLHTTP搜索xml文件中文本框输入的值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
你好朋友
请解决我的问题
我的xml文件
Hi friends
Please resolve my problom
My xml file
<searchable_index>
<Search>
<keyword>101</keyword>
<link>R-12</link>
<color>white</color>
</Search>
<Search>
<keyword>102</keyword>
<link>R-22</link>
<color>white</color>
</Search>
<Search>
<keyword>101</keyword>
<link>R-12</link>
<color>white</color>
</Search>
<Search>
<keyword>102</keyword>
<link>R-22</link>
<color>white</color>
</Search>
<Search>
<keyword>101</keyword>
<link>R-12</link>
<color>white</color>
</Search>
<Search>
<keyword>102</keyword>
<link>R-22</link>
<color>white</color>
</Search>
</searchable_index>
///////HTML code
<html>
<script language="javascript" type="text/javascript">
window.onload = loadIndex;
function loadIndex() { // load indexfile
// most current browsers support document.implementation
if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument("", "", null);
xmlDoc.load("index.xml");
}
// MSIE uses ActiveX
else if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.load("index.xml");
}
}
var x;
var y = 0;
function searchIndex()
{ // search the index (duh!)
if (!xmlDoc)
{
loadIndex();
}
// get the search term from a form field with id 'searchme'
results = new Array;
var searchterm = document.getElementById("searchme").value;
x = xmlDoc.getElementsByTagName("Search");
for (i = 0; i < x.length; i++)
{
if (searchterm.length < 1)
{
alert("Enter at least three characters");
}
else
{
// see if the XML entry matches the search term,
// and (if so) store it in an array
var name = x[i].childNodes[1].firstChild.nodeValue;
//var lnkname = x[i].childNodes[0].firstChild.nodeValue;
//alert(lnkname);
var exp = new RegExp(searchterm, "i");
if (name.match(exp) != null)
{
y = y + 1;
results.push(name);
test(name);
}
}
}
}
function test(name, lnkname)
{
document.write('<table border="0" style="width:100%">');
for (var i = 0; i < x.length; i++)
{
//var sear=x[i].childNodes[1].firstChild.nodeValue + x[i].childNodes[0].firstChild.nodeValue;
document.write("<tr onclick='displayInfo(" + i + ")'>");
document.write('<td>' + x[i].childNodes[1].firstChild.nodeValue + '</td>');
document.write('</tr>');
}
//document.getElementById("show").innerHTML = sear;
document.write('<table>');
document.close();
}
//
</script>
</head>
<body>
<input id="searchme" type="text" size="20"> <input type="button" value="Search" onclick="searchIndex(); return false;" />
<input id="get" type="text" />
<div id="show"></div>
</body>
</html>我尝试了这个，但是我不想使用XMLDOM
我想使用XMLHTTP
任何人都知道，请修改我的代码，否则发送给我
让我知道怎么做.
希望sombady能够帮助您，谢谢Advanced
谢谢
Venkat.S
i tryed this but i dont want to use XMLDOM
i want to use XMLHTTP
any one knows please modify my code and send me otherwise
give me any idea how to do.
i hope sombady help thanks advanced
Thanks
Venkat.S
推荐答案
如果我错了，请纠正我，但XMLHTTP是协议，而不是XML查询框架.请更新您的问题并解释.
Correct me if I''m wrong but XMLHTTP is a protocol, not a XML query framework. Please update your question and explain.
这篇关于如何使用JavaScript XMLHTTP搜索xml文件中文本框输入的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
