码迷,mamicode.com
首页 > Web开发 > 详细

jquery ajax php

时间:2015-04-23 12:47:14      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

HTML+JQ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <script src="js/jquery-1.8.2.min.js"></script> 

 </head>

<style>

*{margin:0px;padding:0px;}

.pic_mrt{ width:520px; height:350px;} 

#load{ display:none}

</style>

 <body> 

 

姓名:<input type="text" name=‘name‘ id="name"><br />

性别:男<input type="radio" name=‘sex‘ id="sex" value="man">&nbsp;&nbsp;女<input  value="girl"type="radio" name=‘sex‘ id="sex"><br />

出生年份:<select name="year" id="year">

                   <option value="1989">1989</option>

                   <option value="1980">1980</option>

                   <option value="1981">1981</option>

                   <option value="1982">1982</option>

                </select> 

<br />

爱好:吃<input type="checkbox" name="like" value="eat">睡<input type="checkbox" name="like" value="sleep">玩<input value="play" type="checkbox" name="like"><br />

<input type="submit" id="submit"> <img src="images/2.gif" id="load"><p></p>

  <script> 

var arr = new Array();

$("#submit").click(function(){  

check_black(); 

var mrt = {name:$(‘#name‘).val(),

sex:$("input[name=‘sex‘]:checked").val(),

year:$(‘#year‘).val(), 

like:arr}; 

$.ajax({

url: "sql.php",  

type: "POST", 

data:mrt, 

beforeSend: function(){

$(‘#load‘).css(‘display‘,‘inlineBlock‘);

},

complete: function(){ 

$(‘#load‘).css(‘display‘,‘none‘);

},

error: function(){  

alert(‘Error loading XML document‘);  

},  

success: function(data){   

data =  JSON.parse(data); 

$("p li").remove();  

for(var key in data){

$("p").append("<li>"+data[key]+"</li>"); 

}); 

})

function check_black(){    

var blackName = document.getElementsByName("like");    

for(var i = 0; i < blackName.length; i++)   

{   

  if(blackName[i].checked == true)   

  {   

 arr[i]= blackName[i].value;

  }   

}   

}    

  </script>

 </body>

</html>

 

PHP

 

<?

header(‘Content-Type:text/html;charset=GB2312‘); 

 $backValue=array();

 $backValue[0]=$_POST[‘name‘];

 $backValue[2]=$_POST[‘sex‘];

 $backValue[3]=$_POST[‘year‘];

 $backValue[4]=$_POST[‘like‘]; 

$code = json_encode($backValue);

$code = preg_replace("#\\\u([0-9a-f]+)#ie", "iconv(‘UCS-2‘,‘GB2312‘, pack(‘H4‘, ‘\\1‘))", $code); 

echo $code;

 /*

function digui($arr) {

   if (is_array($arr)) {

foreach ($arr as $v) {

  if (is_array($v)) {

 digui($v);

} else {

echo $v;

}

}

}

}

digui($backValue);

*/

?>

 

jquery ajax php

标签:

原文地址:http://www.cnblogs.com/mrt-yyy/p/4449843.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!