TP中ajax请求如何使用模板渲染代替html代码拼接

朴灿烈づ我的快乐病毒、 2022-04-04 03:40 238阅读 0赞

**思路**  
index.html去ajax请求index控制器下的getdata（）方法，在getdata（）方法里面把数据在cesuan\_detail模板里面渲染完，作为结果返回给index.html里。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmdnZWFpc2lzaQ_size_16_color_FFFFFF_t_70]**代码**  
index.html

var postData = {"xing" : xing, "ming": ming, "sex": sex,"birthday":birthday,"product":product};
            $.post("/index/getdata", postData, function(result){
                if (result.status == 1){
                    $(".fitWxParent").show();
                    $(".fitWx").html(result.data.htmlStr);
                }else{
                    layui.layer.msg(result.msg, {icon:5});
                }
            }, "json");

IndexController.class.php

public function getdata(){
            $xing = I("xing");
            $ming = I("ming");
            $sex = I("sex");
            $birthday = I("birthday");
            $product = I("product");
            $name_list = [1,2,3,4,5,6];
            $isFit = true;
            $this->assign('isFit',$isFit);
            $this->assign('name_list',$name_list);
            $cxdata = $this->fetch('Public/cesuan_detail');
            ajaxSuccess([
                'htmlStr' => $cxdata
            ]);
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmdnZWFpc2lzaQ_size_16_color_FFFFFF_t_70]: /images/20220404/13b2de124e904a22ba240b423d4ac3e7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML中使用axios发送 AJAX请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

﹏ヽ暗。殇╰゛Y/ 2023年10月06日 17:20/ 0 赞/ 55 阅读

相关使用KaTeX代替MathJax渲染公式

[MathJax渲染公式][MathJax]我写过这样的文章。但是在实际使用的过程中发现有时候频繁刷新页面会导致公式加载一半，全部显示$//$这样的情况。加载的速度也很慢。会把

ゝ一纸荒年。/ 2023年07月25日 09:29/ 0 赞/ 12 阅读

相关 ajax请求 post get header 代码模板

谷歌浏览器chrome console 发送POST/GET请求系统维护后台http工具 POST //方法一： var url = "/dic

曾经终败给现在/ 2023年03月01日 12:55/ 0 赞/ 31 阅读

相关 react中如何渲染html代码

想让div元素中的内容：`'<h3>哈哈</h3>'`正常渲染。百度查询放法： <div dangerouslySetInnerHTML={ {__

柔光的暖阳◎/ 2022年11月09日 12:43/ 0 赞/ 249 阅读

相关调用html模板显示数据,ajax请求得到后台数据，前台页面不用拼接 “字符串和HTML表格标签”，使用方便模板然后clone，显示表格...

pageEncoding="utf-8"%> String path = request.getContextPath(); String basePath = reque

秒速五厘米/ 2022年10月06日 09:50/ 0 赞/ 87 阅读

相关 arttemplate模板--字符串拼接中使用模板语法

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>

Love The Way You Lie/ 2022年06月14日 07:37/ 0 赞/ 292 阅读

相关 [tp5] thinkPHP5-渲染模板的方式

From: [https://blog.csdn.net/Wake\_me\_Up123/article/details/76096174][https_blog.csdn.n

深藏阁楼爱情的钟/ 2022年05月18日 09:12/ 0 赞/ 292 阅读

相关 ajax模板代码

var pram = \{ "name": “qqq”, \}; $.ajax(\{ url: “”,

怼烎@/ 2022年05月18日 08:37/ 0 赞/ 199 阅读

相关 TP中ajax请求如何使用模板渲染代替html代码拼接

思路 index.html去ajax请求index控制器下的getdata（）方法，在getdata（）方法里面把数据在cesuan\_detail模板里面渲染完，作为结果

朴灿烈づ我的快乐病毒、/ 2022年04月04日 03:40/ 0 赞/ 239 阅读

相关 ajax请求（模板+案例）

Ajax简单模板使用jQuery实现 ajax模板真实项目中的使用 Ajax上传表单 Ajax传递数组到后台

一时失言乱红尘/ 2021年09月27日 20:32/ 0 赞/ 360 阅读