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 25, 2025 am 12:16 AM

PHPSession失效的原因包括配置錯誤、Cookie問題和Session過期。 1.配置錯誤：檢查並設置正確的session.save_path。 2.Cookie問題：確保Cookie設置正確。 3.Session過期：調整session.gc_maxlifetime值以延長會話時間。

您如何在PHP中調試與會話相關的問題？Apr 25, 2025 am 12:12 AM

在PHP中調試會話問題的方法包括：1.檢查會話是否正確啟動；2.驗證會話ID的傳遞；3.檢查會話數據的存儲和讀取；4.查看服務器配置。通過輸出會話ID和數據、查看會話文件內容等方法，可以有效診斷和解決會話相關的問題。

如果session_start（）被多次調用會發生什麼？Apr 25, 2025 am 12:06 AM

多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告，提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態，避免重複調用。

您如何在PHP中配置會話壽命？Apr 25, 2025 am 12:05 AM

在PHP中配置會話生命週期可以通過設置session.gc_maxlifetime和session.cookie_lifetime來實現。 1)session.gc_maxlifetime控制服務器端會話數據的存活時間，2)session.cookie_lifetime控制客戶端cookie的生命週期，設置為0時cookie在瀏覽器關閉時過期。

使用數據庫存儲會話的優點是什麼？Apr 24, 2025 am 12:16 AM

使用數據庫存儲會話的主要優勢包括持久性、可擴展性和安全性。 1.持久性：即使服務器重啟，會話數據也能保持不變。 2.可擴展性：適用於分佈式系統，確保會話數據在多服務器間同步。 3.安全性：數據庫提供加密存儲，保護敏感信息。

您如何在PHP中實現自定義會話處理？Apr 24, 2025 am 12:16 AM

在PHP中實現自定義會話處理可以通過實現SessionHandlerInterface接口來完成。具體步驟包括：1)創建實現SessionHandlerInterface的類，如CustomSessionHandler；2)重寫接口中的方法（如open,close,read,write,destroy,gc）來定義會話數據的生命週期和存儲方式；3)在PHP腳本中註冊自定義會話處理器並啟動會話。這樣可以將數據存儲在MySQL、Redis等介質中，提升性能、安全性和可擴展性。

什麼是會話ID？Apr 24, 2025 am 12:13 AM

SessionID是網絡應用程序中用來跟踪用戶會話狀態的機制。 1.它是一個隨機生成的字符串，用於在用戶與服務器之間的多次交互中保持用戶的身份信息。 2.服務器生成並通過cookie或URL參數發送給客戶端，幫助在用戶的多次請求中識別和關聯這些請求。 3.生成通常使用隨機算法保證唯一性和不可預測性。 4.在實際開發中，可以使用內存數據庫如Redis來存儲session數據，提升性能和安全性。