2024年9月ajax实例（求一个PHP + Ajax 表单无刷新大批量修改数据的实例）
⑴ajax实例（求一个PHP+Ajax表单无刷新大批量修改数据的实例
⑵$(document).ready(function(){$("#big").change(function(){//更改省份下拉框的选项时候触发$("#detail").empty();$.ajax({type:"post",url:"changeCitiesAction.do",//传入action来处理data:"pid="+$("#bigoption:selected").val(),//传递的参数(父id-即省份id)suess:function(xml){$(xml).find("bigList").find("type").each(function(){//解析jsp动态生成的xmlvarname=$(this).find("cityName").text();varid=$(this).find("id").text();//把解析出来的书库写入页面《!--EndFragment--》$("#detail").append("《optionvalue="+id+"》"+name+"《/option》");})}});});});原理都差不多,求实例谁能提供一个简单的Ajax实例,本文目录求一个PHP+Ajax表单无刷新大批量修改数据的实例JSP页面如何实现ajax实现局部刷新,第二个下拉框的选项实现改变,这个函数获取服务器的一个文件内容并显示到网页functiongetData(dataSource,divID){if(XMLHttpRequestObject){varobj=document.getElementById(divID);XMLHttpRequestObject.open("GET",dataSource);XMLHttpRequestObject.setRequestHeader(’Content-Type’,’application/x-www-form-urlencoded’);XMLHttpRequestObject.onreadystatechange=function(){if(XMLHttpRequestObject.readyState==&&XMLHttpRequestObject.status==){obj.innerHTML=XMLHttpRequestObject.responseText;}}XMLHttpRequestObject.send(NULL);}}《/script》以下是《body》代码《body》《H》Thisisanajaxdemo《/H》《form》《inputtype="button"value="Fetchthemessage"onclick="getData(’data.txt’,’dataDiv’)"/》《/form》《divid="dataDiv"》《p》Thefetchmessagewillappearhere《/p》《/div》《/body》你需要在当前页面文件夹下建一个data.txt文件、点击那个按钮、然后txt里的东西会显示在dataDiv的内容里面,通过js脚本代码实现的《scriptlanguage="javascript"》varXMLHttpRequestObject=false;if(window.XMLHttpRequest){XMLHttpRequestObject=newXMLHttpRequest();}elseif(window.ActiveXObject){XMLHttpRequestObject=newActiveXObject("Microsoft.XMLHTTP");}//以上代码是创建一个XMLHttpRequest对象//下面是一个使用这个XMLHttpRequest对象的函数,通过js脚本代码实现的求一个PHP+Ajax表单无刷新大批量修改数据的实例《!DOCTYPEHTML》《html》《head》《title》微吧外卖《/title》《metaname="keywords"content="JqueryMobileJqueryMobile进阶JqueryMobile教程Jquerymobile进阶转屏效果的简单实现Warren"/》《metaname="description"content="模拟JqueryMobileslide转屏效果的简单实现"/》《metahttp-equiv="Content-Type"content="text/html;charset=utf-"》《metaname="viewport"content="user-scalable=no,width=device-width,initial-scale=."/》《metaname="apple-mobile-web-app-capable"content="yes"》《metaname="apple-mobile-web-app-status-bar-style"content="black"》《linkrel="stylesheet"href=""/》《scriptsrc=""》《/script》《style》#scroller{margin-top:em;margin-left:.em;font-size:em;}#scrollerinput{height:em;width:%;margin-top:.em;margin-left:em;border-top:none;border-left:none;border-right:none;border-bottom:pxsolid#efb;}#pwd{margin-top:em;}#btn{display:block;font-weight:bold;height:.em;border:none;color:#fff;background:#efb;margin-top:em;border-radius:.em;}.da{border:pxsolid#efb;width:%;height:em;border-radius:.em;}.daspan{padding-left:.em;}《/style》《/head》《body》《divid="page"class="ab-c-ac-fui-mobile-viewport-transitioningui-pagehide"》《divclass="c-ac-f-fcheader"》《h》商家手机号登录《/h》《/div》《hstyle="font-size:em;color:#efb;margin:em"》微吧欢迎您?:《/h》《divid="scroller"》《formid="loginForm"》《divclass="ac-f-fc-cda"》《inputtype="text"value=""id="pwd"name="shop"placeholder="店铺名称"/》《br/》《inputtype="text"value=""name="name"id="name"placeholder="用户名"/》《br/》《inputtype="password"value=""id="pwd"name="pwd"placeholder="密码"/》《br/》《/div》《inputtype="button"id="btn"value="登录"/》《/form》《/div》《/div》《script》$(’#btn’).click(function(){varstr=$(’#loginForm’).serialize();//alert(str);$.ajax({url:’dataType:"jsonp",jsonpCallback:"callback",type:’post’,data:str,suess:function(data){if(data.status==’ok’){alert(data.msg);location.href=""}else{alert(data.msg);}},error:function(error){alert(error);}})})《/script》《/body》《/html》《?phpheader(’content-type:text/html;charset=utf-’);$con=mysql_connect(’连接数据库’);$dd=mysql_select_db(’连接数据库名字’);mysql_query(’setnamesutf’);session_start();$phone=$_GET;$pwd=$_GET;$shop=$_GET;$selectSqlStr=mysql_query("select*fromshopuserwhereshop=’".$shop."’andtel=’".$phone."’andpwd=’".$pwd."’");$row=mysql_num_rows($selectSqlStr);$str=mysql_fetch_assoc($selectSqlStr);if($row》){setcookie("tel",$phone,time()+*);echo’callback({"status":"ok","msg":"登录成功","str":"’.$row.’"})’;}else{echo’callback({"status":"no","msg":"用户名与密码不符?","str":"’.$row.’"})’;echo$_SESSION;}mysql_close($con);?》JSP页面如何实现ajax实现局部刷新,谁能提供一个简单的Ajax实例。
⑶求一个PHP+Ajax表单无刷新大批量修改数据的实例
⑷《!DOCTYPEHTML》《html》《head》《title》微吧外卖《/title》《metaname="keywords"content="JqueryMobileJqueryMobile进阶JqueryMobile教程Jquerymobile进阶转屏效果的简单实现Warren"/》《metaname="description"content="模拟JqueryMobileslide转屏效果的简单实现"/》《metahttp-equiv="Content-Type"content="text/html;charset=utf-"》《metaname="viewport"content="user-scalable=no,width=device-width,initial-scale=."/》《metaname="apple-mobile-web-app-capable"content="yes"》《metaname="apple-mobile-web-app-status-bar-style"content="black"》《linkrel="stylesheet"href=""/》《scriptsrc=""》《/script》《style》#scroller{margin-top:em;margin-left:.em;font-size:em;}#scrollerinput{height:em;width:%;margin-top:.em;margin-left:em;border-top:none;border-left:none;border-right:none;border-bottom:pxsolid#efb;}#pwd{margin-top:em;}#btn{display:block;font-weight:bold;height:.em;border:none;color:#fff;background:#efb;margin-top:em;border-radius:.em;}.da{border:pxsolid#efb;width:%;height:em;border-radius:.em;}.daspan{padding-left:.em;}《/style》《/head》《body》《divid="page"class="f-fc-c-bdui-mobile-viewport-transitioningui-pagehide"》《divclass="fc-c-bd-bheader"》《h》商家手机号登录《/h》《/div》《hstyle="font-size:em;color:#efb;margin:em"》微吧欢迎您?:《/h》《divid="scroller"》《formid="loginForm"》《divclass="c-bd-b-ada"》《inputtype="text"value=""id="pwd"name="shop"placeholder="店铺名称"/》《br/》《inputtype="text"value=""name="name"id="name"placeholder="用户名"/》《br/》《inputtype="password"value=""id="pwd"name="pwd"placeholder="密码"/》《br/》《/div》《inputtype="button"id="btn"value="登录"/》《/form》《/div》《/div》《script》$(’#btn’).click(function(){varstr=$(’#loginForm’).serialize();//alert(str);$.ajax({url:’dataType:"jsonp",jsonpCallback:"callback",type:’post’,data:str,suess:function(data){if(data.status==’ok’){alert(data.msg);location.href=""}else{alert(data.msg);}},error:function(error){alert(error);}})})《/script》《/body》《/html》《?phpheader(’content-type:text/html;charset=utf-’);$con=mysql_connect(’连接数据库’);$dd=mysql_select_db(’连接数据库名字’);mysql_query(’setnamesutf’);session_start();$phone=$_GET;$pwd=$_GET;$shop=$_GET;$selectSqlStr=mysql_query("select*fromshopuserwhereshop=’".$shop."’andtel=’".$phone."’andpwd=’".$pwd."’");$row=mysql_num_rows($selectSqlStr);$str=mysql_fetch_assoc($selectSqlStr);if($row》){setcookie("tel",$phone,time()+*);echo’callback({"status":"ok","msg":"登录成功","str":"’.$row.’"})’;}else{echo’callback({"status":"no","msg":"用户名与密码不符?","str":"’.$row.’"})’;echo$_SESSION;}mysql_close($con);?》
⑸JSP页面如何实现ajax实现局部刷新，求实例
⑹用jquery吧，这样的功能很好实现。这是我之前写的两个关联下拉选择框，第一个是省份，第二个是具体城市。选中省份，第二个下拉框的选项实现改变。$(document).ready(function(){$("#big").change(function(){//更改省份下拉框的选项时候触发$("#detail").empty();$.ajax({type:"post",url:"changeCitiesAction.do",//传入action来处理data:"pid="+$("#bigoption:selected").val(),//传递的参数(父id-即省份id)suess:function(xml){$(xml).find("bigList").find("type").each(function(){//解析jsp动态生成的xmlvarname=$(this).find("cityName").text();varid=$(this).find("id").text();//把解析出来的书库写入页面《!--EndFragment--》$("#detail").append("《optionvalue="+id+"》"+name+"《/option》");})}});});});原理都差不多，好好想想吧。
⑺谁能提供一个简单的Ajax实例，通过js脚本代码实现的
⑻《scriptlanguage="javascript"》varXMLHttpRequestObject=false;if(window.XMLHttpRequest){XMLHttpRequestObject=newXMLHttpRequest();}elseif(window.ActiveXObject){XMLHttpRequestObject=newActiveXObject("Microsoft.XMLHTTP");}//以上代码是创建一个XMLHttpRequest对象//下面是一个使用这个XMLHttpRequest对象的函数，这个函数获取服务器的一个文件内容并显示到网页functiongetData(dataSource,divID){if(XMLHttpRequestObject){varobj=document.getElementById(divID);XMLHttpRequestObject.open("GET",dataSource);XMLHttpRequestObject.setRequestHeader(’Content-Type’,’application/x-www-form-urlencoded’);XMLHttpRequestObject.onreadystatechange=function(){if(XMLHttpRequestObject.readyState==&&XMLHttpRequestObject.status==){obj.innerHTML=XMLHttpRequestObject.responseText;}}XMLHttpRequestObject.send(NULL);}}《/script》以下是《body》代码《body》《H》Thisisanajaxdemo《/H》《form》《inputtype="button"value="Fetchthemessage"onclick="getData(’data.txt’,’dataDiv’)"/》《/form》《divid="dataDiv"》《p》Thefetchmessagewillappearhere《/p》《/div》《/body》你需要在当前页面文件夹下建一个data.txt文件、点击那个按钮、然后txt里的东西会显示在dataDiv的内容里面