Maison > interface Web > Tutoriel H5 > le corps du texte

Mise en œuvre du saut de page front-end et de l'acquisition de valeur

php中世界最好的语言
Libérer: 2018-03-26 15:52:57
original
3316 Les gens l'ont consulté

Cette fois, je vais vous présenter la mise en œuvre du saut de page front-end et l'acquisition de valeur. Quelles sont les précautions pour la mise en œuvre du saut de page front-end et l'acquisition de valeur. Ce qui suit est un cas pratique. , jetons un coup d'oeil.

Enregistrez-le

(Sauter de la page A à la page B, obtenir la valeur de la page B et l'attribuer à la page A pour l'afficher)

Donnons d'abord une châtaigne ;)

Voici la page A

Voici la page B

En cliquant sur la page A La page de connexion ajoutée passe à la page B et le contenu du journal ajouté à la page B est transféré à la position de la case rouge

sur la page A. Tout d'abord, références js. référence à openpage ici. 🎜> (Instructions détaillées de configuration de l'en-tête de l'application ---------- En-tête de la page de configuration de l'application)

//这个是放在A页面上的 
//将填写的日志 返回的json数据  填充到客户详情
        function DunnAge(data) { //成功之后从B页面返回的数据data
            var data = JSON.parse(JSON.stringify(data));
            var Remark = data.Body.Remark;//内容
            var AddTimeStr = data.Body.AddTimeStr;
            var html = '<p class="accessLog"><p class="val-log">' + Remark + '</p><p class="time-log">' + AddTimeStr + '</p></p>';
            $(".js_noJilu").hide();
            $(".js_rizhi").prepend(html)
        }
 <p class="detailss-btn js_openPage" data-url="/OACustomer/AddLogView?Id=@detail.Id">添加日志</p>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article Pour plus d'excitation. Pour plus d'informations, veuillez faire attention aux autres sites Web chinois php Articles connexes ! Lecture recommandée :

Comment utiliser Phonegap pour trouver des contacts

Explication détaillée de la base de données d'exploitation Phonegap

A页面的头部  "/OACustomer/CustomerDetail": { title: "客户详情", headLeft: [{ foreImage: "iconback", eventString: "gjj://Close.Page/1?jsCallBack=JC5wYWdpbmcuc2VhcmNoKCk7"}],
 headRight: [{ foreImage: "icondrop", type: "DropDownList", menus: [{ iconImage: "iconcontentchange", alpha: "100", text: "修改客户信息", textSize: 16, textColor: "000000", backColor: "FFFFFF", eventString: "modiFicaTion()" }, ], }] },
B页面的头部  "/OACustomer/AddLogView": { title: "添加客户日志", headRight: [{ text: "提交", eventString: "submit()" }] }//js里配置的头部
  //这是放在B页面上的
  //提交
        function submit() {
            var mes = $("form").validtor();
            if (mes) {
                $.dialog.openDialogString(mes);
                return false;
            }
            var url = "/OACustomer/SubmitAddLog";
            $.ajax({
                type: "post",
                url: url,
                data: $("form").serialize(),
                dataType: "json",
                beforeSend: function () {
                },
                error: function () {
                    $.dialog.openDialogString("加载失败,请重试");
                },
                success: function (data) {
                    if (data.DictJsonStatus == 200) {
                        //将填写的日志 返回的json数据  填充到客户详情
                        $.zProtocol({
                            type: "Close.Page",
                            path: "/1",
                            success: 'DunnAge(' + JSON.stringify(data) + ')'
                        });
                    } else {
                        $.dialog.openDialogString(data.Msg);
                    }
                }
            })
        }
//页面内容
<form action="/OACustomer/SubmitAddLog">//后台提交数据的action(SubmitAddLog)
<!------action 提交地址------>
<input type="hidden" value="@detail.Id" name="FkOACustomer"/>
<p class="remarks">
<p><i style="color:#f00">*</i>备注留言:</p>
<p>
<textarea placeholder="请填写申请表述(必填)" class="js_inputbox" name="Remark" data-tipname="备注留言" data-valid=&#39;{required:true}&#39;></textarea></p>
</p>
</form>
Copier après la connexion

Explication détaillée de la méthode utilisée par Phonegap pour obtenir des informations sur l'appareil

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal