php/ajax/mysql---有很关键的ajax乱码解决哦

本文涉及的产品
云数据库 RDS MySQL Serverless,0.5-2RCU 50GB
简介:
 
算翻译吧,我改了不少东西,还解决其中的乱码问题,嘿嘿,算原创吧,忽忽。。。
 
ajax.html:
 
< !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 >Ajax教程 </title> 
< script  language ="javascript"  type ="text/javascript" > 
//浏览器支持代码 
function ajaxFunction(){ 
  var ajaxRequest;    //xmlHttpRequest对象 
    
  try{ 
    // Opera 8.0+, Firefox, Safari 
    ajaxRequest = new XMLHttpRequest(); 
  } catch (e){ 
    // IE系列 
    try{ 
      ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e) { 
      try{ 
        ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch (e){ 
        // 古老的浏览器 
        alert("你的浏览器不支持Ajax!"); 
        return false; 
      } 
    } 
  } 
    
  // 创建一个函数负责介绍来自服务器的数据 
  ajaxRequest.onreadystatechange = function(){ 
    if(ajaxRequest.readyState == 4){ 
      var ajaxDisplay = document.getElementById('ajaxDiv'); 
      ajaxDisplay.innerHTML = ajaxRequest.responseText; 
    } 
  } 

  var age = document.getElementById('age').value; 
  var wpm = document.getElementById('wpm').value; 
  var sex = document.getElementById('sex').value; 
  var queryString = "?age=" + age + "&wpm=" + wpm + "&sex=" + sex; 
  ajaxRequest.open("GET", "ajaxmysql.php" + queryString, true);    
  ajaxRequest.send(null);    

</script> 
</head> 
< body > 
< form  name ='myForm' > 
最大年龄:  < input  type ='text'  id ='age'  />  < br  /> 
最大打字速度WPM(words per minute):  < input  type ='text'  id ='wpm'  /> 
< br  /> 
性别:  < select  id ='sex' > 
< option  value ='m' ></option> 
< option  value ='f' ></option> 
</select> 
< input  type ='button'  onclick ='ajaxFunction()'  value ='查询mysql'  /> 
</form> 
< div  id ='ajaxDiv' >这里显示结果. </div> 
</body> 
</html> 

 
前台的字符集编码是国标gb2312保存的按gb2312编码保存(用的emeditor编辑器).
 
后台页面ajaxmysql.php:
 
InBlock.gif<?php 
InBlock.gifheader( "Content-Type:text/html;charset=utf-8"); //页面的字符集编码 
InBlock.gif$dbhost =  "localhost"
InBlock.gif$dbuser =  "root"
InBlock.gif$dbpass =  "123456"
InBlock.gif$dbname =  "ajax"
InBlock.gif //连接mysql 
InBlock.gifmysql_connect($dbhost, $dbuser, $dbpass); 
InBlock.gif //选择数据库 
InBlock.gifmysql_select_db($dbname) or die(mysql_error()); 
InBlock.gif 
InBlock.gifmysql_query( "set names utf8"); //防止查询乱码 
InBlock.gif 
InBlock.gif //检索 查询串 
InBlock.gif$age = $_GET['age']; 
InBlock.gif$sex = $_GET['sex']; 
InBlock.gif$wpm = $_GET['wpm']; 
InBlock.gif 
InBlock.gif // 防止注入 
InBlock.gif$age = mysql_real_escape_string($age); 
InBlock.gif$sex = mysql_real_escape_string($sex); 
InBlock.gif$wpm = mysql_real_escape_string($wpm); 
InBlock.gif 
InBlock.gif //构造查询 
InBlock.gif$query =  "SELECT * FROM ex1 WHERE sex = '$sex'"
InBlock.gif if(is_numeric($age)) 
InBlock.gif$query .=  " AND age <= $age"
InBlock.gif if(is_numeric($wpm)) 
InBlock.gif$query .=  " AND wpm <= $wpm"
InBlock.gif 
InBlock.gif //执行查询 
InBlock.gif$qry_result = mysql_query($query) or die(mysql_error()); 
InBlock.gif 
InBlock.gif //结果串 
InBlock.gif$display_string =  "<table>"
InBlock.gif$display_string .=  "<tr>"
InBlock.gif$display_string .=  "<th>姓名</th>"
InBlock.gif$display_string .=  "<th>年龄</th>"
InBlock.gif$display_string .=  "<th>性别</th>"
InBlock.gif$display_string .=  "<th>打字速度</th>"
InBlock.gif$display_string .=  "</tr>"
InBlock.gif 
InBlock.gif // 为每一个返回的人插入一行. 
InBlock.gif while($row = mysql_fetch_array($qry_result)){ 
InBlock.gif  $display_string .=  "<tr>"
InBlock.gif  $display_string .=  "<td>{$row['name']}</td>"
InBlock.gif  $display_string .=  "<td>{$row['age']}</td>"
InBlock.gif  $display_string .=  "<td>{$row['sex']}</td>"
InBlock.gif  $display_string .=  "<td>{$row['wpm']}</td>"
InBlock.gif  $display_string .=  "</tr>"
InBlock.gif
InBlock.gifecho  "查询: " . $query .  "<br />"
InBlock.gif$display_string .=  "</table>"
InBlock.gifecho $display_string; 
InBlock.gif?> 
 
后台页面编码utf-8.
 
主要考虑ajax的utf8做的改动。
 
 
相关截图:
 
 
 
 
 
 
本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/110868,如需转载请自行联系原作者





相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
3月前
|
关系型数据库 MySQL PHP
|
4天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
2月前
|
监控 关系型数据库 MySQL
PHP与MySQL的结合:实现局域网上网行为监控软件的数据库管理
在当今信息化时代,网络安全日益成为重要的话题。为了有效监控和管理局域网上网行为,开发一个基于PHP和MySQL的数据库管理系统是一个理想的选择。本文将介绍如何结合PHP和MySQL,开发一款简单而高效的局域网上网行为监控软件,并重点关注数据库管理方面的实现。
184 0
|
3月前
|
前端开发 JavaScript 关系型数据库
PHP代码合集21个邮箱2个问答23个ajax特效
PHP代码合集21个邮箱2个问答23个ajax特效
18 0
|
4月前
|
NoSQL 关系型数据库 应用服务中间件
Linux安装 OpenResty、Nginx、PHP、Mysql、Redis、Lua、Node、Golang、MongoDB、Kafka等
Linux安装 OpenResty、Nginx、PHP、Mysql、Redis、Lua、Node、Golang、MongoDB、Kafka等
88 0
|
4月前
|
前端开发 PHP 数据安全/隐私保护
【PHP学习】—利用ajax原理实现密码修改功能(九)
【PHP学习】—利用ajax原理实现密码修改功能(九)
|
4月前
|
前端开发 JavaScript PHP
【PHP学习】—利用ajax原理实现登录功能(八)
【PHP学习】—利用ajax原理实现登录功能(八)
|
6月前
|
关系型数据库 MySQL PHP
PHP环境搭建(安装MySQL)
PHP环境搭建(安装MySQL)
42 0
|
7月前
|
关系型数据库 MySQL PHP
PHP 原生操作 Mysql
PHP 原生操作 Mysql
81 0