保存基本信息并展示

凡页面中输入的信息,一般都是需要和后台服务器相关联的,因为输入的信息需要保存,浏览时,信息需要从服务器上取得。

confirm按钮的验证条件什么的,就不再讨论了,下面直接附上confirm中,一切信息输入格式正确的else内的代码。

保存信息:

$.ajax({
     url:config.baseServerUrl +'/account/customer/houseInfo/save',
     type:'post',
     data:{             //向服务器(接口)提交的参数
         houseStatus:$conditionSlt.val(),
         housePay:$("#housePay").val(),
         customerId:customerId,
         pro:$provinceSlt.text(),
         city:$citySlt.text(),
         county:$areaSlt.text(),
         addrDetial:$("#detail").val()
     },
     success:function(data){        //返回的提示信息
         console.log(data);
         if(data.success){
             alert("保存成功!");
             window.location.href="http://192.168.220.55/page/AmountAscension/basicInfo/basicInfo.html";
         }else{
               return false;
          }
     }

})

展示信息:

var customerId=sessionStorage.customerId;    //用户ID随时用随时取
$(function(){
     $.ajax({
          url:config.baseServerUrl +'/ account/customer/info',
          type:'get',
          data:{customerId:customerId},    //需提交的参数
          success:function(data){
          console.log(data);    //打印数据
          if(data.success){
              //工作信息
              var work=data.attr.workInfo;     //将数据取得并赋值,用于展示
              var workHtml='<div class="li_span_right">'
                            + '<p><span id="work_job">'+ work.job +'</span><span id="work_organization">'+ work.organization +'</span></p>'
                            + '<p><span id="work_jobPhone">'+ work.areaNo +'</span><span id="work_jobPhone">'+ work.phoneNo +'</span><span id="work_jobPhone">'+ work.branchNo +'</span>'
                            + '<p><span id="work_jobAdress">'+ work.pro +'</span><span id="work_jobAdress">'+ work.city +'</span><span id="work_jobAdress">'+ work.county +'</span></p>'
                            + '<span id="work_workDepart">'+ work.workDepartment +'</span><span id="work_position">'+ work.position +'</span></p>'
                            + '<p><span id="work_industry">'+ work.industry +'</span><span id="work_enter">'+ work.enterpriseScale +'</span><span id="work_classes">'+ work.classes +'</span></p></div>';
                            $("#workInfo").append(workHtml);

              //住房信息
              var house=data.attr.houseInfo;
              var houseHtml='<div class="li_span_right">'
                            + '<p><span id="house_condition">'+ house.houseStatus +'</span><span id="house_pay">'+ house.housePay +'</span></p>'
                            + '<p><span id="house_province">'+ house.pro +'</span><span id="house_city">'+ house.city +'</span>'
                            + '<span id="house_area">'+ house.county +'</span><span id="house_detial">'+ house.addrDetial +'</span></p></div>';
                            $("#houseInfo").append(houseHtml);
           }
       }
    })
})
时间: 2024-08-30 05:03:14

保存基本信息并展示的相关文章

xml保存基本信息

public static string getXML(string nodeName) { string strReturn = ""; try { string fileName = Application.StartupPath; string strFile = fileName + @"\Info.xml"; if (File.Exists(strFile)) { XmlDocument xdoc = new XmlDocument(); xdoc.Loa

Retrofit Rxjava 实现图片下载、保存并展示

首先我们看一下Retrofit常规的用法,在不使用Rxjava的情况下,我们默认返回的是Call. public interface ServiceApi { //下载文件 @GET Call<ResponseBody> downloadPicFromNet(@Url String fileUrl); } 但是如果我们要配合Rxjava使用,那么就要按照如下方式来重新定义我们的方法: @GET Observable<ResponseBody> downloadPicFromNet(

百思不得姐之图片处理(保存与下载)

一 功能图 二 讲解思路 1 回顾上一篇内容 2 创建加载图片类(同时创建xib) 3 点击图片查看大图 4 点击查看大图(查看长图) 5 model出展示图片的控制器 6 保存图片 7 封装根据网络状态展示不同的图片 三 回顾上一篇内容 1 上一篇内容讲到对整个cell的分析,通过创建一个类(XIB)来管理cell的顶部和尾部总共九个控件.然后创建三个不同的类(xib),各自负责自己的中间部分,然后根据服务器返回的帖子类型,拼接上对应的cell,展示在用户眼前. 四 处理图片 1 处理原因:

[原]基础学习视频解码之视频线程

在上两篇文章[原]零基础学习视频解码之解码图像和[原]零基础学习视频解码之解码声音我们初步了解如何解码视频图像和视频声音.但是这些都是初步简单的解码出来而已,我们的主要功能是处理非常多:它是通过事件循环中运行,读取数据包,并在视频解码.所以,我们要做的就是拆分这些功能:我们将有一个线程,该线程将负责数据包进行解码;这些数据包将被添加到该队列中,并通过相应的音频和视频解码线程读取. 音频线:我们在上一篇已经建立了我们想要的方式; 视频线:视频线会相对比较麻烦一些,因为我们要自己显示自己的视频画面.

合格大数据分析师应该具备的技能

阶段一.业务数据分析师 课程一.数据挖掘/分析师之硬技能 - 必备常用工具使用与高级技巧 本部分内容主要介绍了数据挖掘.分析师.数据产品经理必备的常用工具的,主要有 Excel,Visio,Xmind,PPT的涉及图表数据分析方面的高级技巧,包括但不限于:数据透视表演练.Vision跨职能流程图演练.Xmind项目计划导图演练.PPT高级动画技巧等! 一.Excel 1)数据分析工具EXECL入门介绍2)数据透视表演练 3) 数据处理4) EXECL报告自动化5) PPT报告数据自动化 二.Vi

网上展厅 数字化网上展厅 360全景新应用

360全景制作通过把一组照片无缝拼接合成专业360全景拍摄,360全景视频采用技术制作成可以用鼠标随意上下左右前后拖动观看3D效果,如身临其境般感觉. 360全景漫游可直接上传到您现有的网站空间内,在网站首页添加链接即可访问到三维全景漫游的整个项目文件,无需设置.网络版采用Flash+HTML的方案,浏览者的电脑无需安装任何插件即可播放,加载速度快,大概2~5秒中即可展示一个场景. 360全景展览展示设计可分为三大块:1.临时展示 2.长期展示 3.多媒体展览展示(通过传统装饰设计作为载体,再配

Android中Activity运行时屏幕方向与显示方式详解

现在我们的手机一般都内置有方向感应器,手机屏幕会根据所处位置自动进行横竖屏切换(前提是未锁定屏幕方向).但有时我们的应用程序仅限在横屏或者竖屏状态下才可以运行,此时我们需要锁定该程序Activity运行时的屏幕方向.还有就是在我们用手机观看视频时,随意的进行横竖屏切换,但播放进度不会随着屏幕的转换而从头开始播放,为了实现这个功能,我们就需要在Activity转换时对当前数据进行保存. 现在根据以上两种需求,个人提出以下解决方案: 一.锁定Activity运行时屏幕方向,如下图(演示锁定横屏):

打造高性能高可靠的块存储系统

块存储系统 分布式存储有出色的性能,可以扛很多故障,能够轻松扩展,所以我们使用Ceph构建了高性能.高可靠的块存储系统,并使用它支撑公有云和托管云的云主机.云硬盘服务. 由于使用分布式块存储系统,避免了复制镜像的过程,所以云主机的创建时间可以缩短到10秒以内,而且云主机还能快速热迁移,方便了运维人员对物理服务器上硬件和软件的维护. 用户对于块存储系统最直观的感受来源于云硬盘服务,现在我们的云硬盘的特点是: 每个云硬盘最大支持 6000 IOPS和170 MB/s的吞吐率,95%的4K随机写操作的

机智的Popup,带着简单的图表感觉酷酷的

之前有提过用 InfoTemplate 类对 FeatureLayer 的基本信息进行展示,今天为大家介绍 esri/dijit/Popup 的使用,这东西还有 简单的图表展示功能呢! <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="