ホームページ  >  記事  >  バックエンド開発  >  JavaScript と HTML 間の相互作用の問題。専門家に回答を依頼してください

JavaScript と HTML 間の相互作用の問題。専門家に回答を依頼してください

WBOY
WBOYオリジナル
2016-06-23 14:00:031064ブラウズ

JavaScript はどのようにして php にデータを処理するように通知し、結果を返し、JavaScript が処理を継続し、その後 HTML が表示されるのでしょうか?


ディスカッションへの返信(解決策)

ajaxが使えるようです

ajaxが使えるようです

ajaxが使えない場合はどうすればいいですか!

そして、ajax の使い方は?

この関数は次の jquery マニュアルに移動するには ajax のみを使用できます

$.ajax({   type: "POST",   url: "some.php",   data: "name=John&location=Boston",   success: function(msg){     alert( "Data Saved: " + msg );     //成功html显示结果   }});

この関数は次の jquery マニュアルに移動するには ajax のみを使用できます

$.ajax({   type: "POST",   url: "some.php",   data: "name=John&location=Boston",   success: function(msg){     alert( "Data Saved: " + msg );     //成功html显示结果   }});


この関数は次の jquery マニュアルに移動するには ajax のみを使用できます
そうですね


例を挙げましょう
4ec11beb6c39d0703d1751d203c17053

var sp = $("#wScratchPad").wScratchPad({
ScratchDown: function(e,percent){show (e , パーセント);},
スクラッチムーブ: function(e, パーセント){show(e, パーセント);},
スクラッチアップ: function(e, パーセント){show(e, パーセント);}
});
var myImage='d8e919d0139ba5a047605d68e2d3082f';

sp.wScratchPad('width', '115');
sp.wScratchPad('image',myImage); );
//sp.wScratchPad('image2', './images/2.png') //上記の画像
sp.wScratchPad('cursor', './cursors/coin.png');
sp.wScratchPad('reset');

sp.wScratchPad('clear');

window.location.href="dealggl.php?num="+'eced5e4b82eed13849e9af3fb58084c6

は、dealggl.php にデータを渡し、それをデータベースに書き込み、処理後にこのページに戻ります。 ajax を使用します

$.ajax({   type: "POST",   url: "some.php",   data: "name=John&location=Boston",   success: function(msg){     alert( "Data Saved: " + msg );     //成功html显示结果   }});



100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
4ec11beb6c39d0703d1751d203c17053
関数 click2()

{

alert("wwww");

$.ajax ({

type: "GET",
URL: "del.php",
data: "num=3",
success: function(msg){
alert("データが保存されました: " + msg);
// HTML の表示結果
}
});
9c3bca370b5104690d9ef395f2c5f8d1
a69881f5b9c420cd34944cb5bb86b426
0785754a6ebbc2ca427a6344e1fab4e1
73a6ac4ed44ffec12cee46588e518a5e

del.php
954a73e83c3d045972924f531a159273

It成功したことはありません

$.ajax({   type: "GET",   url: "dealggl.php",   data: "num="+'<?php echo $iRandNum?>',   success: function(msg){     alert( "Data Saved: " + msg );     //成功html显示结果   }});

jquery ファイルをロードする必要があります。ロードされていない場合、どうやって成功することができますか?

ajax は必要ありません。

うわー
jquery ファイルをロードする必要があります。まだロードしていないのにどうやって成功するでしょうか?

ああ、少し試しただけでは問題ありません。しかし、複数の値を返したい場合はどうすればよいでしょうか?セグメンテーションの代わりにスプライシングを使用する必要がありますか?複数のパラメータを返すことはできますか?

ajax は必要ありません 96f643764ccce2e295a62b3356c1d6272cacc6d41bbb37262a98f745aa00fbf0 これを使用するにはどうすればよいですか? 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   3fe74cfc593e08395fd314645b3f43a82cacc6d41bbb37262a98f745aa00fbf0

这个怎么用?就填个url?那参数怎么传回来?

url里边包含参数咯 不过你php里边要返回 document.write();



可以不用ajax   3fe74cfc593e08395fd314645b3f43a82cacc6d41bbb37262a98f745aa00fbf0

这个怎么用?就填个url?那参数怎么传回来?

url里边包含参数咯 不过你php里边要返回 document.write();

没太懂?我要传参数到del.php,del.php处理完数据,传回参数,这个3fe74cfc593e08395fd314645b3f43a82cacc6d41bbb37262a98f745aa00fbf0东东,怎么拿出参数,接着分析呢?

这个网上很多呀,就是前后台交互问题 ,传输数格式一般用json 比较方面,多百度下吧

这个网上很多呀,就是前后台交互问题 ,传输数格式一般用json 比较方面,多百度下吧

一般人都叫多百度下多谷歌下!高手不想帮忙,可以围观,没必要进来说没用的废话!

建议LZ看看JQ AJAX方法,应该是你想要的。

建议LZ看看JQ AJAX方法,应该是你想要的。

jq中得ajax跟js里面的ajax有什么区别?

最简单的也就是ajax了,用jquery封装好的  $.ajax  真的很省事
如果你用原生的ajax就代码就要写一堆!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。