javascript和html之间的交互问题，求高手解答-php教程-PHP中文网

首页

后端开发

php教程

javascript和html之间的交互问题，求高手解答

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 02:00 PM

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显示结果   }});

<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就代码就要写一堆！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

您什么时候使用特质与PHP中的抽象类或接口？Apr 10, 2025 am 09:39 AM

在PHP中，trait适用于需要方法复用但不适合使用继承的情况。1)trait允许在类中复用方法，避免多重继承复杂性。2)使用trait时需注意方法冲突，可通过insteadof和as关键字解决。3)应避免过度使用trait，保持其单一职责，以优化性能和提高代码可维护性。

什么是依赖性注入容器（DIC），为什么在PHP中使用一个？Apr 10, 2025 am 09:38 AM

依赖注入容器（DIC）是一种管理和提供对象依赖关系的工具，用于PHP项目中。DIC的主要好处包括：1.解耦，使组件独立，代码易维护和测试；2.灵活性，易替换或修改依赖关系；3.可测试性，方便注入mock对象进行单元测试。

与常规PHP阵列相比，解释SPL SplfixedArray及其性能特征。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一种固定大小的数组，适用于需要高性能和低内存使用量的场景。1)它在创建时需指定大小，避免动态调整带来的开销。2)基于C语言数组，直接操作内存，访问速度快。3)适合大规模数据处理和内存敏感环境，但需谨慎使用，因其大小固定。

PHP如何安全地上载文件？Apr 10, 2025 am 09:37 AM

PHP通过$\_FILES变量处理文件上传，确保安全性的方法包括：1.检查上传错误，2.验证文件类型和大小，3.防止文件覆盖，4.移动文件到永久存储位置。

什么是无效的合并操作员（??）和无效分配运算符（?? =）？Apr 10, 2025 am 09:33 AM

JavaScript中处理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。1.??返回第一个非null或非undefined的操作数。2.??=将变量赋值为右操作数的值，但前提是该变量为null或undefined。这些操作符简化了代码逻辑，提高了可读性和性能。

什么是内容安全策略（CSP）标头，为什么重要？Apr 09, 2025 am 12:10 AM

CSP重要因为它能防范XSS攻击和限制资源加载，提升网站安全性。1.CSP是HTTP响应头的一部分，通过严格策略限制恶意行为。2.基本用法是只允许从同源加载资源。3.高级用法可设置更细粒度的策略，如允许特定域名加载脚本和样式。4.使用Content-Security-Policy-Report-Only头部可调试和优化CSP策略。