使用jQuery AJAX加载PHP函数

时间:2013-06-21 13:34:01

标签: php jquery ajax json

我一直在寻找一种方法让我的网站更时尚,这是一个有几个PHP游戏的赌场。

你在游戏中采取的每一步都刷新页面,我的一个游戏是老虎机游戏,在移动设备上,你无法看到插槽的动画,因为它已经运行,然后你可以向下滚动看到它.. < / p>

我想在我的网站上实现ajax,而不是页面刷新图像更改就是这样。

我已经看过jQuery AJAX API指南,我无法做出正面或反面的操作我需要做的就是点击按钮时通过ajax运行php函数

这有多难?

我有这个代码,我被告知是在正确的行,但我该如何使用它?

$.ajax({ url: '/lib/casinofile',
     data: {action: 'spin-wheel'},
     type: 'post',
     success: function(spinwheel) {
                  alert(spinwheel);

              }
});

提前致谢

4 个答案:

答案 0 :(得分:0)

这段代码基本上向/ lib / casinofile发出POST请求,当服务器返回casinofile时触发成功函数...在这种情况下,它将在浏览器中创建一个弹出窗口,其中包含服务器的响应(在这种情况下它是旋转轮)。

你可以用另一种方式完成它:     $ .POST( '/ LIB / casinofile / {动作:' 旋轮'},功能(数据){         警报(数据);     });

答案 1 :(得分:0)

您需要将要发送数据的PHP脚本(“casinofile”)作用于AJAX发送的数据,然后返回一些指令。例如,使用上面的代码,您可能使用PHP:

if ($_POST['action'] == 'spin-wheel') {
    echo spinWheel();
}

这将返回spinWheel()的结果,这可能是,这取决于我们正在拍摄的游戏(我假设轮盘赌),6B(6黑色)。 success函数将加载PHP生成的结果数据echo

$.ajax({ url: '/lib/casinofile',
    data: {action: 'spin-wheel'},
    type: 'post',
    success: function(result) {
        alert(result);

    }
});

alert(),在这种情况下,“B6。”

坦率地说,如果可能的话,你可能最好用Javascript重写游戏而不是试图用AJAX访问你已经编写的PHP函数。它们应该很容易翻译。

答案 2 :(得分:0)

要停止刷新页面,您需要添加

 return false;
在你的脚本中

。确保它在脚本的末尾,之后不执行任何操作。

这只是一步,您还需要一个单独的.php文件来执行您的代码。 这是一个完全不同的故事。

本教程可能会让您朝着正确的方向前进: http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

祝你好运!

答案 3 :(得分:0)

首先,您无法从侧服务器(php脚本)加载到客户端(javascript)的功能,但是您可以执行(运行)服务器端功能并在客户端获取结果。这很简单,可能你在该文件上有多个函数,然后我们在你的java脚本

$.ajax({ 
     url: '/lib/casinofile.php',
     data: {
         action: 'spin-wheel'
     },
     type: 'post',
     success: function(spinwheelMessage) {
                  alert(spinwheelMessage);

              }
});
你的php文件上的

将是

<?php

function spinWheel () {
    /** something to do here **/
    return 'Hey, this is really simple';
}

if ($_POST['action'] == 'spin-wheel') {
    echo spinWheel ();
}

别忘了将你的php文件命名为php文件,我的意思是 casinofile.php 而不只是 casinofile ,主要是因为你的lib文件夹没有限制,可以调用它并将测试显示为简单文本