php+mysql+ajax切换tab（html页面通过点击按钮，用ajax返回php在MySQL中找到的值（新手求助！））

本文目录

• html页面通过点击按钮，用ajax返回php在MySQL中找到的值（新手求助！）
• 个PHP+ajax页面
• form表单提交跳转页面的问题我用的PHP+Mysql做的，这是表单代码，想做一个ajax提交
• 新手求助如何在js上使用ajax接收php读取的mysql数据并输出

html页面通过点击按钮，用ajax返回php在MySQL中找到的值（新手求助！）

可以用jquery$.post(url, { ’id’: id,’tb’:tb,’v’:v },function(data){ alert(data) });$.get(url, { ’id’: id,’tb’:tb,’v’:v },function(data){ alert(data) });$.ajax({ type: setting.type, url: setting.ajaxurl, timeout: setting.timeout, async: false, data: setting.ajaxparam, /* xml-返回XML文档，可用JQuery处理 html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行 script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求 时（不在同一个域下），所有post请求都将转为get请求。 json：返回JSON数据。 jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。 text：返回纯文本字符串。 */ dataType: "html", success: function(data){ rdata = data; /*var html = ’’; //json $.each(data, function(commentIndex, comment){ html += ’《div class="comment"》《h6》’ + comment + ’:《/h6》《p class="para"’ + comment + ’《/p》《/div》’; }); $(’#resText’).html(html);*/ } });上面三种都可以

个PHP+ajax页面

《!DOCTYPE html》《html lang="en"》《head》    《meta charset="UTF-8"》    《title》Title《/title》    《script src="jquery.min.js"》《/script》《/head》《body》《div id="box"》《/div》《input type="text" id="txt"/》 《input type="button" id="tj" value="添加"/》《br/》《input type="button" id="upajax" value="提交"/》《/body》《script》    var tj=document.getElementById("tj");    var upajax=document.getElementById("upajax");    tj.onclick=function(){        var txt=document.getElementById("txt").value;        var box=document.getElementById("box");        var div="《div class=’newdiv’》"+txt+"《/div》";        box.innerHTML+=div;        $("#txt").val("");    }    upajax.onclick=function(){        var newdivtxt=document.getElementsByClassName("newdiv");        var len=newdivtxt.length;        if(len==0){            alert("无数据！");        }else{            var divarry=new Array();            var str="";            for(var i= 0;i《len;i++){                str+=newdivtxt.innerHTML+",";            };            divarry = "data=" + JSON.stringify(str.substring(0,str.length-1).split(","));            $.ajax({                type:"POST",                url:"newdiv.php",                data: divarry,                success: function(msg){                    alert(msg);                }            })        }    }《/script》《/html》

《?phpif(isset($_POST)) {    $json=$_POST;    $json = json_decode($json,true);    echo $json;}else{echo "无数据！";}return;?》

开始写的时候没注意到要写ajax所以用的原生js写的。注意jq路径以及php文件地址。

form表单提交跳转页面的问题我用的PHP+Mysql做的，这是表单代码，想做一个ajax提交

首先在body中引入jquery,如下：

《script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"》《/script》

然后建立script

《script》$(document).ready(function(){ $("#subper").click(function(event) {  event.preventDefault();//禁止使用submit 提交数据，因为我们要用ajax啊var checkbox  = new Array();//建立数组收集checkbox的选中值$(’input命名收集checkbox的值其实没什么意义了     checkbox.push($(this).val());//向数组中添加元素  }); var data = { //收集传递的参数，以json的形式     checkbox:checkbox,     as:$("input:radio:checked").val(),     username: $(’input).val(),     .     .//自己补充后面的     .  };  $.ajax({    type:’POST’,    data:data,    dataType: "json",    url:$("form").attr(’action’),    success: function(msg){        $(’.answer’).html(msg);//如果没有class=answer，这里没有任何效果    }      });});});《/script》

需要注意的是，在php 服务器端，记得把json的数据转换成php格式的,使用json_decode($json, true)，就可以得到一个大数组，用这个大数组进行下面的php活动。因此你需要对服务器端的代码做一些小小的修改。

新手求助如何在js上使用ajax接收php读取的mysql数据并输出

如果要描图的话  需要加载 相应的地图api 库    怎样描点要根据 api的格式 比如 , 我用baidu 的api  需要的是数组格式 

那么代码 是这样的 

function getGps_msg(cur_date){var rt_array=new Array();cur_phone_no=$("#user_list").val();$.ajax({type:"get",url:"json_gps.php",async:false,dataType:"json",data:{cur_date:cur_date,phone_no:cur_phone_no},success: function(msg){ for (var i=0;i《msg.length;i++){rt_array;}}});return rt_array;}

 得到你一个描点的数组了. 再去描点

function drawPion(data_arr){//var data_arr=getGps_msg();//alert (data_arr);bm.clearOverlays();var cx=data_arr;var cy=data_arr;bm.centerAndZoom(new BMap.Point(cx,cy),18);var dianshu=0;for (var i=0;i《data_arr.length;i++){var msg=data_arr;var   lab_msg=""; var   xx= data_arr; var   yy= data_arr; //alert (i);var markergps = new BMap.Marker(new BMap.Point(xx,yy));//bm.addOverlay(markergps,i); //添加GPS标注if (dianshu==9){bm.addOverlay(markergps,i); //添加GPS标注dianshu=0;}else{dianshu++;}if(i==0){//var markergps = new BMap.Marker(new BMap.Point(xx,yy));bm.addOverlay(markergps,i); //添加GPS标注lab_msg="最后位置";}if(data_arr!==""){//var markergps = new BMap.Marker(new BMap.Point(xx,yy));bm.addOverlay(markergps,i); //添加GPS标注lab_msg+="";var sContent ="《img style=’float:right;margin:4px’ id=’imgDemo"+i+"’ src=’"+data_arr+"’ width=’320’ height=’240’ title=’photo’/》"; addClickHandler(sContent,markergps);}if (i==data_arr.length-1){//var markergps = new BMap.Marker(new BMap.Point(xx,yy));bm.addOverlay(markergps,i); //添加GPS标注lab_msg="开始位置";}var labelgps = new BMap.Label(i+lab_msg,{offset:new BMap.Size(20,-10)});markergps.setLabel(labelgps,i); //添加GPS标注}}

得到效果