Authentication




Cancel OK
B!コメントする  2012-12-28 17:44:00 by old

submitせずにPOSTする

submitすると画面遷移が発生しますが、最近はそういうのはスマートじゃありません。
クリックしただけで値をPOSTしたい場合はJQueryでサクッといけます。
まずJavaScript部分

$(function(){
$('#sw0').click(
function(){
$.post(
'post.php',
{
'postval1': 'Hello',
'postval2': 'World'
},
function(data){
/* alert(data); /
}
);
}
);
});


もちろん事前にJQueryを読み込んでおいてください。

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

こんな感じで。

次にリンクでPOST送信する部分を以下のように記述します。



このリンクをクリックすることでsubmitすることなくデータをPOSTすることが出来ます。

全ソースは以下
index.html
<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>

<script>
<!--
$(function(){
$('#switch').click(
function(){
$.post(
'post.php',
{
'postval1': 'Hello',
'postval2': 'World'
},
function(data){
/
alert(data); */
}
);
}
);
});
//-->
</script>
<body>


</body>
</html>

post.php
<?

file_put_contents('test.txt', $_POST['post_val_1'].$_POST['post_val_2']);

?>


うまいこと行けばSend POSTリンクを選択するとtest.txtファイルの中にHelloWorldという文字が書かれています。

いま作っているiGoogleの代わりのものでもこれを結構多様することでスマートな感じに出来るようになりました。

submitすることなく値をどこかに送りたい人はは参考にしてみてください。


JavaScript  

  • コメント
  • コメントはまだありません