Question

我必须为网页编写JavaScript代码，以便在从数据库中获取数据后显示一些数据（使用php / mysql）。我有两个div（用于结果），一个文本字段（用于输入参数）和一个html页面上的按钮。点击按钮后，我需要调用ajax函数，最终会在服务器上发出php页面请求。结果将传递给客户端，并将用于动态更改html页面上的分区内容。您将使用一种类型的数据填充一个分区，而使用其余数据填充其他分区。我希望使用AJAX技术，PHP和DBMS来实现这一点。我不想使用jquery。

我正在寻找Javascript代码的一些帮助。

<script>
function fetchData() {
  var yr = document.getElementById('entry').value;
  if (yr.length==0) { 
    document.getElementById("result1").innerHTML="";
    document.getElementById("result2").innerHTML="";
	return;
  }

  var xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=function() 
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
	 {
		var content = xmlhttp.responseText;
	if (content == "%<searchword>%")
		document.getElementById("result1").innerHTML = content;
	else		
		document.getElementById("result2").innerHTML = content;	
     }
  }
  xmlhttp.open("GET","db.php?q="+ yr ,true);
  xmlhttp.send(); 
}
</script>

<body>

<form>
Enter year: <input type="text" id="entry" />
<input type="button" value="check here" onclick="fetchData()" />
</form>
<div id="result1">result 1 here</div>
<div id="result2"> result 2 here</div>
</body>

enter image description here

Answer 1

如果您想测试该表格是否包含$<searchword>%，请使用.indexOf()

xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        var content = xmlhttp.responseText;
        if (content.indexOf("%<searchword>%") != -1) {
            document.getElementById("result1").innerHTML = content;
        } else {
            document.getElementById("result2").innerHTML = content; 
        }
    }
}

在从db获取数据后，使用JavaScript将数据显示到两个不同的div中

1 个答案: