`
cakin24
  • 浏览: 1388530 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Ajax通过GET方式与PHP进行交互

    博客分类：
  • PHP
AjaxGET方PHP 
阅读更多

一 代码

conn.php
<?php
     $conn=mysql_connect("localhost","root","root") or die("数据库连接失败".mysql_error());
     mysql_select_db("db_database27",$conn) or die("数据库连接失败".mysql_error());
     mysql_query("set names gb2312");
?>
 
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>通过XMLHttpRequest对象读取HTML文件，并且输出读取结果</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>
<script>
var xmlHttp;				//定义XMLHttpRequest对象
function createXmlHttpRequestObject(){
	//如果在internet Explorer下运行
	if(window.ActiveXObject){
		try{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}catch(e){
			xmlHttp=false;
		}
	}else{
	//如果在Mozilla或其他的浏览器下运行
		try{
			xmlHttp=new XMLHttpRequest();
		}catch(e){
			xmlHttp=false;
		}
	}
	 //返回创建的对象或显示错误信息
	if(!xmlHttp)
		alert("返回创建的对象或显示错误信息");
		else
		return xmlHttp;
}
function showsimple(){
	createXmlHttpRequestObject();
	var cont = document.getElementById("searchtxt").value;
	if(cont==""){
		alert('查询关键字不能为空！');
		return false;
	}
		xmlHttp.onreadystatechange=StatHandler;	//判断URL调用的状态值并处理
		xmlHttp.open("GET",'searchrst.php?cont='+cont,false);
		xmlHttp.send(null);	
}
function StatHandler(){
	if(xmlHttp.readyState==4 && xmlHttp.status==200){
		document.getElementById("webpage").innerHTML=xmlHttp.responseText;
	}
}
</script>
<body>
<table width="800" height="632" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bj.jpg">
  <tr>
    <td width="260" height="245">&nbsp;</td>
    <td width="500" align="center" valign="bottom"><strong>查询员工信息，根据员工技能信息</strong></td>
    <td width="40">&nbsp;</td>
  </tr><form id="searchform" name="searchform" method="get" action="#"> 
  <tr>
    <td height="40">&nbsp;</td>
    <td align="center">请输入关键字：&nbsp;<input name="searchtxt" type="text" id="searchtxt" size="30" />
    &nbsp;&nbsp;<input id="s_search" name="s_search" type="button" value="查询" onclick="return showsimple()" /></td>
    <td>&nbsp;</td>
  </tr>  </form>
  <tr>
    <td height="268">&nbsp;</td>
    <td align="center" valign="top"><div id="webpage"></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
 
searchrst.php
<?php
header('Content-type: text/html;charset=GB2312'); 				//指定发送数据的编码格式
	include_once 'conn/conn.php';								//连接数据库
		$cont = $_GET['cont'];									//获取Ajax传递的查询关键字
		if(!empty($_GET['cont'])){								//判断如果关键字不为空
			$sql = "select * from tb_administrator where explains like '%".$cont."%'";	//定义SQL语句
			$result=mysql_query($sql,$conn);					//执行模糊查询
			if(mysql_num_rows($result)>0){				//获取查询结果
				echo "<table width='500' border='1' cellpadding='1' cellspacing='1' bordercolor='#FFFFCC' bgcolor='#666666'>";
				echo "<tr><td height='30' align='center' bgcolor='#FFFFFF'>ID</td><td align='center' bgcolor='#FFFFFF'>名称</td><td align='center' bgcolor='#FFFFFF'>编号</td><td align='center' bgcolor='#FFFFFF'>描述</td></tr>";
 
 while($myrow=mysql_fetch_array($result)){ 						//循环输出查询结果
 echo "<tr><td height='22' bgcolor='#FFFFFF'>".$myrow[id]."</td>";
  echo "<td bgcolor='#FFFFFF'>".$myrow[user]."</td>";
	echo "<td bgcolor='#FFFFFF'>".$myrow[number]."</td>";
echo "<td bgcolor='#FFFFFF'>".$myrow[explains]."</td>";
echo "</tr>";
}
echo "</table>";  
			}else{
			echo "没有符合条件的数据";
			}
		}
	
?>
 
二 运行结果

 
  • 大小: 316.3 KB
1
顶
1
踩
分享到：
| XMLHttpRequest对象读取HTML文件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    原生JS实现Ajax通过GET方式与PHP进行交互操作示例

    本文实例讲述了原生JS实现Ajax通过GET方式与PHP进行交互操作。分享给大家供大家参考，具体如下： 一、代码 conn.php &lt;?php $conn=mysql_connect("localhost","root","root") or die("数据库连接失败".mysql_...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。

    AJAX学习实例与数据库交互实例

    这个技术使得用户可以与网页进行更流畅的交互，提高了用户体验。本学习实例集主要涵盖了AJAX与数据库交互的各种应用，包括数据的增删改查、异步提交等常见操作，提供了丰富的实践案例。 一、AJAX基础 1. ...

    php+Ajax（GET&POST）完美实例

    Ajax，全称Asynchronous JavaScript and XML，它允许JavaScript在不刷新整个页面的情况下与服务器进行异步通信。在JavaScript中，我们通常使用XMLHttpRequest对象来实现Ajax请求。`ajax.js`文件可能包含以下代码： ...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    在Web开发中，PHP、jQuery和AJAX是三个非常关键的技术，它们共同为...通过结合PHP、jQuery和AJAX，我们可以创建出交互性强、用户体验良好的Web应用，无需刷新页面就能实现数据的提交和接收，大大提升了用户的操作体验。

    ajax+json+php数据交互调试工具

    通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这种技术的核心在于JavaScript，它允许网页与服务器进行通信，而无需用户进行任何操作，如点击按钮或链接。在本调试工具中，Ajax用于发送HTTP请求...

    jquery的get()方法ajax传值php实例

    这个实例展示了如何利用jQuery的`get()`方法和PHP实现客户端与服务器之间的数据交互。这种方式在不刷新页面的情况下更新内容，提升用户体验，广泛应用于动态网页和单页应用程序（SPA）中。同时，通过JSON作为数据...

    php客户端与服务器实现交互

    3. **AJAX**：使用JavaScript的XMLHttpRequest对象或者现代浏览器的fetch API，可以实现异步的客户端与服务器交互，即用户无需刷新页面即可发送请求并接收响应。在PHP端，这通常意味着需要处理来自非标准HTTP请求的...

    jQuery+get/post+Ajax+Json

    总结来说，"jQuery+get/post+Ajax+Json"的组合是现代Web开发中常用的数据交互技术，它使得前端可以轻松地与后端进行JSON数据的交换，提升了用户体验，降低了服务器负载。通过jQuery的便捷API，我们可以快速实现异步...

    php和ajax的交互操作 粗略

    **PHP与AJAX交互操作简介** 在互联网技术中，AJAX（Asynchronous JavaScript and XML）是一种用于创建快速、动态网页的技术。尽管名字中包含XML，但如今AJAX并不局限于使用XML，它通常涉及JSON或其他数据格式。AJAX...

    PHP 和 AJAX

    2. **PHP处理AJAX请求**：PHP接收AJAX请求与普通HTTP请求并无太大差异，主要通过`$_GET`或`$_POST`数组获取请求参数。处理完数据后，可以用`echo`或`print`将结果返回。 3. **数据交互格式**：AJAX请求的数据格式...

    详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

    而Jquery库提供了一系列封装好的Ajax函数，如$.get(), $.post(), $.ajax(), 和$.getJSON()，这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式，它发送一...

    ajax及PHP操作数据库增删改查的基础应用实例.zip

    在AJAX中，你可以通过`POST`或`GET`方法发送数据到PHP脚本，脚本处理这些数据后，通过响应返回结果。例如，当用户提交表单时，JavaScript会捕获事件，阻止默认的表单提交，然后使用AJAX发送数据。PHP脚本接收到数据...

    《Ajax与PHP基础教程》

    XMLHttpRequest是Ajax的基础，用于在后台与服务器进行通信。JavaScript处理用户的交互和动态更新页面内容。DOM是HTML或XML文档的结构表示，允许程序和脚本动态更新、添加、删除和改变元素。CSS则用于控制网页的样式...

    php+ajax实际例子PPT

    本篇将详细讲解PHP与AJAX的实际应用，并通过实例来深入理解这两种技术的结合。 一、PHP基础 PHP（Hypertext Preprocessor）是一种广泛使用的开源服务器端脚本语言，尤其适用于Web开发，可嵌入到HTML中使用。PHP的...

    简单ajax与php结合

    5. **Ajax与PHP交互**：在实际应用中，Ajax请求可能会携带数据到PHP，比如用户输入或选择。PHP接收到这些数据后，可以执行相应的操作，如查询数据库。完成操作后，PHP会生成一个响应，可能是HTML片段、JSON数据或...

    ajax与php利用json传输数据，实现局部刷新

    1. **Ajax工作原理**：Ajax通过JavaScript创建XMLHttpRequest对象，打开一个与服务器的连接，发送请求，监听状态变化，当服务器响应时，处理返回的数据。这个过程是异步的，不会阻塞页面的其他操作。 2. **JSON...

    php+jquery+ajax最简单例子

    2. jQuery：这是一个JavaScript库，极大地简化了JavaScript的使用，提供了一种更简单的方式来处理DOM操作、事件处理、动画效果和AJAX交互。jQuery的核心特性是选择器，它允许开发者快速定位并操作DOM元素。 3. Ajax...

    php开发之ajax

    总的来说，这个demo为我们提供了一个基础的AJAX与PHP交互的例子，展示了如何使用JavaScript的Ajax功能通过GET方法将参数发送到PHP服务器，并处理返回的结果。这对于任何想要学习或改进PHP和AJAX集成的开发者来说都是...

Magicbox
Global site tag (gtag.js) - Google Analytics