Heim > Artikel > Backend-Entwicklung > javascript和html之间的交互问题，求高手解答
javascript和html之间的交互问题，求高手解答
- WBOYOriginal
- 2016-06-23 14:00:031061Durchsuche
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就代码就要写一堆！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：怎么批量更新某字段的所有数据？Nächster Artikel：请教关于PDO的参数（有长度限制，或者Bug）用法：
In Verbindung stehende Artikel
Mehr sehen- So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
- So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
- So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
- So verwenden Sie cURL zum Implementieren von Get- und Post-Anfragen in PHP
- Alle Ausdruckssymbole in regulären Ausdrücken (Zusammenfassung)