thinkphp前台使用JQuery跳转后台处理后回调

thinkphp前台使用JQuery跳转后台处理后回调记录。

前台html

<input id="query" type="tel" value="" placeholder="搜索编号查询" autocomplete="off" name="q" size="27">
            <a class="go"  name="submit" onClick="vote_select({$vote_info.id},this);" ></a>

页面JS

function vote_select(voteid, _this){//JQuery获取input输入的值    var optnum=$("#query").val();//JS内进行初步判断
    if (optnum ==0||optnum=="") {
        $.Dialog.fail(‘未输入任何编号‘);
        return false;
    }else{  //设置要跳转的路径
        var url="{:addons_url(‘Vote://Wap/is_selected‘)}";  //使用post方法,参数为url,相关参数,回调函数
        $.post(url,{‘vote_id‘:voteid,‘optnum‘:optnum},function(res){
            if(res.error){  //存在错误信息则显示并跳转到首页
             $.Dialog.fail(res.error);
             setTimeout(function(){
                location.href="{:addons_url(‘Vote://Wap/index‘)}&vote_id={$vote_info.id}";
            },1500)
            }else{  //无错误信息则直接进入处理页面
             location.href="{:addons_url(‘Vote://Wap/option_detail‘)}&vote_id={$vote_info.id}&optnum="+optnum;
            }
        });
    }
 }

后台处理

function is_selected(){  //获取相关参数
        $optnum=I("optnum");
        $voteId = I ( ‘vote_id‘ );
   //使用D方法获取相关数组列表
            $optionInfo = D ( ‘Addons://Vote/ShopVoteOption‘ )->getOptions ( $voteId );
            foreach ($optionInfo as $key => $op) {
                if ($optnum==$op["number"]) {
                    $option_detail1=$op;
                }
            }
            if (!$option_detail1) {
                $ajax_result [‘error‘] = ‘没有您输入的项目信息‘;
            }else{
                $ajax_result [‘success‘] = ‘成功‘;
            }

        $this->ajaxReturn ( $ajax_result );
    }

就是这样

时间: 2024-10-24 00:32:54

thinkphp前台使用JQuery跳转后台处理后回调的相关文章

asp.net如何在前台利用jquery Ajax调用后台方法

一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此整理后记录如下 先贴上前台代码如下: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="aspnetAjax.In

前台JS(Jquery)调用后台方法 无刷新级联菜单示例

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页面: [html] view plaincopyprint? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_De

thinkphp 分组、页面跳转与ajax

本节课大纲: 一.多应用配置技巧 二.使用分组 三.页面跳转 $this->success('查询成功',U('User/test')); $this->redirect('User/test','',5,'页面正在跳'); 四.Ajax技巧 前后台公用公共配置文件: $ pwd /cygdrive/c/wamp/www/thinkphp5/Admin/Conf [email protected] /cygdrive/c/wamp/www/thinkphp5/Admin/Conf $ ls c

easyui怎么将前台表单数据传递给后台?

前几天一直在研究easyui,当把前台表单数据传递给后台时,出现了很多问题,研究了好长时间原来可以使用jquery ajax中的serialize()序列化将前台表单数据传递给后台,下面是 jQuery 代码: $("#results").append( "<tt>" + $("form").serialize() + "</tt>" ); 项目代码如下: 1 //添加事件 2 $(function()

jsp页面跳转后台代码的方式总结~

jsp页面跳到后台代码,有如下几种方式: action方式: jquery方式,代码如下: function regCust(){ $('#containerFRM').form( 'submit', { "url" : "${webAppUrl}/cust/registeredUser.html", onSubmit : function() { //显示遮罩 $.jBox.tip("正在提交--", 'loading'); }, succes

Jquery调用C#后台方法

前台代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS直接调用C#方法</title> <script type="text/javascript" src="/Scripts/Jquery-1.9.1.js"></script> <script t

jquery,从后台查数据,给页面上添加树形。

前台jquery+ajax请求往页面上添加树形的js代码 1 //传入当前点击节点的id,在后台代码查询出parentid=当前节点id的记录数,从而实现点击当前节点,往后台发送ajax请求,查询出子节点的集合,往父节点下拼接页面 2 function treeNode(pid){ 3 4 //如果<li id="pid">标签下的<ul>的长度为1,则说明需要发送ajax请求,往其中添加子节点.如果长度大于1说明添加过了,不用再次发送ajax请求.直接进els

jquery easyui+layer后台框架

最近使用jquery easyui搭建了一个后台框架,以方便以后使用 上图先: 下载地址:CSDN下载 jquery easyui+layer后台框架,布布扣,bubuko.com

mvc5 webap2 前台如何使用 ajax 请求后台API

按照正常的写法,总是出现404错误,研究了很久,在这里找到了解决方案:http://buxuxiao.com/article/using-jquery-to-post-frombody-parameters-to-web-api 现在总结一下, 单个参数的情况下: 1.后台参数正确的写法如下: [Route("Services/{controller}/{action}")] [HttpPost] [HttpGet] public string UploadTransportNetwo