Home > Article > Backend Development > javascript和html之间的交互问题，求高手解答
javascript和html之间的交互问题，求高手解答
- WBOYOriginal
- 2016-06-23 14:00:031062browse
javascript 怎么通知php处理数据，然后返回结果，javascript继续处理，然后html显示？
回复讨论(解决方案)
貌似可以用ajax吧
貌似可以用ajax吧
不用ajax的话，要怎么弄！
还有ajax的要怎么用？
这种功能只能用ajax 去下个jquery的手册
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }}); 这种功能只能用ajax 去下个jquery的手册
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }}); 这种功能只能用ajax 去下个jquery的手册
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }}); 给你个例子
<script> <br /> <br /> var sp = $("#wScratchPad").wScratchPad({ <br /> scratchDown: function(e, percent){show(e, percent);}, <br /> scratchMove: function(e, percent){show(e, percent);}, <br /> scratchUp: function(e, percent){show(e, percent);} <br /> }); <br /> <br /> var myImage='<?php echo $myImage?>'; <br /> <br /> sp.wScratchPad('width', '115'); <br /> sp.wScratchPad('height', '33'); <br /> sp.wScratchPad('size', '5'); <br /> sp.wScratchPad('image',myImage); <br /> //sp.wScratchPad('image2', './images/2.png'); //覆盖在上面的图片 <br /> sp.wScratchPad('cursor', './cursors/coin.png'); <br /> sp.wScratchPad('reset'); <br /> <br /> function show(e,percent) <br /> { <br /> if(percent > 70) <br /> { <br /> <br /> sp.wScratchPad('clear'); <br /> <br /> window.location.href="dealggl.php?num="+'<?php echo $iRandNum?>'; <br /> } <br /> } <br /> <br /> </script>
就是上面判断70的地方，我要给dealggl.php一些数据，写入数据库，然后处理完，回到本页面;用ajax的话要怎么弄
$.ajax({ type: "GET", url: "dealggl.php", data: "num="+'<?php echo $iRandNum?>', success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }});
$.ajax({ type: "GET", url: "dealggl.php", data: "num="+'<?php echo $iRandNum?>', success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }}); <script> <br /> function click2() <br /> { <br /> alert("wwww"); <br /> $.ajax({ <br /> type: "GET", <br /> url: "del.php", <br /> data: "num=3", <br /> success: function(msg){ <br /> alert( "Data Saved: " + msg ); <br /> //成功html显示结果 <br /> } <br /> }); <br /> } <br /> </script>
del.php
echo $_GET["num"];
?>
一直都没成功
<html><head><title></title><script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><script type="text/javascript">function click2(){alert("wwww");$.ajax({ type: "GET", url: "del.php", data: "num=3", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }});}</script></head><body><input type="button" onclick="click2()" value="test"></body></html> 需要加载jquery文件啊 你都没加载怎么能成功呢
可以不用ajax <script></script>
我一般用ajax 再联合js 这样做起来很快。
<html><head><title></title><script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><script type="text/javascript">function click2(){alert("wwww");$.ajax({ type: "GET", url: "del.php", data: "num=3", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }});}</script></head><body><input type="button" onclick="click2()" value="test"></body></html> 需要加载jquery文件啊 你都没加载怎么能成功呢
哦，折腾下可以了。但是我要传回多个值怎么办？要用拼接，在分割的方法吗？能多个传参回来吗
可以不用ajax <script></script>
这个怎么用？就填个url？那参数怎么传回来？
<html><head><title></title><script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><script type="text/javascript">function click2(){alert("wwww");$.ajax({ type: "GET", url: "del.php", data: "num=3", success: function(msg){ alert( "Data Saved: " + msg ); //成功html显示结果 }});}</script></head><body><input type="button" onclick="click2()" value="test"></body></html> 需要加载jquery文件啊 你都没加载怎么能成功呢
哦，折腾下可以了。但是我要传回多个值怎么办？要用拼接，在分割的方法吗？能多个传参回来吗
传多个值,也有很多方法 比如拼接字符串等等
然后,我强烈推荐使用json格式
由于ajax返回的都是字符串,所以可以在PHP中把你需要传回的多项数值放进数组, 使用php的json_encode方法将数组转换为json字符串.
js接收到以后使用eval方法将字符串解析进数组对象
然后就可以方便的使用了
可以不用ajax <script></script>
这个怎么用？就填个url？那参数怎么传回来？
url里边包含参数咯 不过你php里边要返回 document.write();
可以不用ajax <script></script>
这个怎么用？就填个url？那参数怎么传回来？
url里边包含参数咯 不过你php里边要返回 document.write();
没太懂？我要传参数到del.php，del.php处理完数据，传回参数，这个<script></script>东东，怎么拿出参数，接着分析呢？
这个网上很多呀，就是前后台交互问题 ，传输数格式一般用json 比较方面，多百度下吧
这个网上很多呀，就是前后台交互问题 ，传输数格式一般用json 比较方面，多百度下吧
一般人都叫多百度下多谷歌下！高手不想帮忙，可以围观，没必要进来说没用的废话！
建议LZ看看JQ AJAX方法，应该是你想要的。
建议LZ看看JQ AJAX方法，应该是你想要的。
jq中得ajax跟js里面的ajax有什么区别？
最简单的也就是ajax了，用jquery封装好的 $.ajax 真的很省事
如果你用原生的ajax就代码就要写一堆！