單擊按鈕時出現Jquery和ajax
[英]Jquery and ajax on button click
問題描述
我有這個沒有表格的提交按鈕..
<input type='submit' id='conx' name='X' value='TEST x'>
現在，當單擊按鈕時，我需要執行此代碼。
$con = fopen("/tmp/myFIFO", "w");
fwrite($con, "XcOn");
close($con);
我如何在jquery和ajax中執行它？
$("#conx").click(function(){
//Execute this code
//$con = fopen("/tmp/myFIFO", "w");
//fwrite($con, "XcOn");
//close($con);
});
謝謝。
8 個解決方案
解決方案1
1 2012-10-31 16:41:25
使用Ajax將其發布到PHP頁面並執行這些
$("#conx").click(function(){
$.post("yourPHPPageWithMagicCode.php");
});
確保你的yourPHPPageWithMagicCode.php文件中有你的PHP代碼。
如果要在完成該過程后顯示響應，可以從PHP頁面返回一些內容，並讓$ .post的回調處理它。
在代碼之后的PHP頁面中，放置一個echo
echo "successfully finised";
現在更改jquery代碼以處理回調
$("#conx").click(function(){
$.post("yourPHPPageWithMagicCode.php",function(repsonse){
alert(response);
});
});
解決方案2
1 2012-10-31 16:42:05
假設您的PHP文件名為write.php 。 我相信你可以這樣做：
$("#conx").click(function() {
$.ajax({
url: "/write.php"
});
});
解決方案3
0 2012-10-31 16:41:44
在click函數中添加類似下面的內容來調用PHP腳本：
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "URL/TO/PHP/SCRIPT",true);
xmlhttp.send();
解決方案4
0 2012-10-31 16:42:37
您需要在click事件塊之間進行jquery ajax調用
$("#conx").click(function(){
$.ajax({
url: "phpfile.php",
type: "post",
//data: serializedData,
// callback handler that will be called on success
success: function(response, textStatus, jqXHR){
// log a message to the console
alert(response);
}
});
});
把你想要的任何代碼放在phpfile.php文件中。
解決方案5
0 2012-10-31 16:43:45
您需要在文檔加載上加載“click事件”，即：
$(document).ready(function($){
$("#conx").click(function(){ .....
解決方案6
0 2012-10-31 16:44:27
一種方法是
$("#conx").click(function(){
$.post("PHPFILENAME.PHP",{
whatdo:otherstuff
},function(d){
// return d here
}
})
在php文件中運行你的代碼。
解決方案7
0 2012-10-31 16:45:15
你可以從按鈕調用一個javascript函數：
<input type='submit' onclick="myFunction()" id='conx' name='X' value='TEST x'>
並在您的函數中加載頁面：
function myFunction(){
var loadUrl = "magic.php";
var result = $("#result").load(loadUrl);
}
然后讓magic.php運行你的方法：
//Execute this code
//$con = fopen("/tmp/myFIFO", "w");
//fwrite($con, "XcOn");
//close($con);
這是所有未經測試的偽代碼......
解決方案8
0 已采納 2012-10-31 17:01:02
全部在一個文件中。
test.php的
<?php
if ($_POST['cmd'] === 'ajax') {
$con = fopen("/tmp/myFIFO", "w");
fwrite($con, "XcOn");
fclose($con);
exit;
}
?>
<!doctype html>
<head>
<meta charset="utf-8">
<title>meh</title>
</head>
<body>
<input type="submit" id="conx" name="X" value="TEST x">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function(){
$("#conx").bind('click', function(){
$.post("test.php", { cmd: "ajax" } );
});
});
</script>
</body>
</html>
如何在不刷新jquery AJAX中的頁面的情況下返回按鈕單擊？
[英]How to go back on a button click without refreshing page in jquery AJAX?
使用AJAX / JQUERY和PHP首次單擊后如何使按鈕可重用
[英]How to make a button reusable after the first click with AJAX/JQUERY and PHP
jquery / ajax-單擊后禁用任何形式的提交按鈕3秒鍾
[英]jquery/ajax - disable submit button on any form for 3 seconds upon click
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.