美文网首页iOS编程iOS程序猿首页投稿(暂停使用,暂停投稿)
iOS-HTML交互学习笔记(二)-显示body中的内容

iOS-HTML交互学习笔记(二)-显示body中的内容

作者: PlusNie | 来源:发表于2016-07-19 15:34 被阅读730次

通过上一篇文章我们已经分析过了数据,那么现在将要实现详情页面的信息展示。以下我们以Swift方式编码。

创建工程

创建工程,命名iOS-html-part1,因为要访问数据,在TARGETS->Info-Custom iOS Target Progerties 添加App Transport SecuritySettings,设置其属性Allow Arbitray Loads 为Yes,如下图,

创建工程.png

我们要实现webView与html的交互,所以我们要创建UIWebView,

创建webView.png

接下来,我们要请求数据,通过异步请求,

override func viewDidLoad() {
    super.viewDidLoad()
    
    // http://c.m.163.com/nc/article/BSB33M1000234KO7/full.html
    // 1.设置url
    let url = NSURL(string: "http://c.m.163.com/nc/article/BSB33M1000234KO7/full.html");
    // 2.设置请求
    let request = NSURLRequest(URL: url!);
    
    // 3.开启异步请求操作
    let dataTask = NSURLSession.sharedSession().dataTaskWithRequest(request) { (data, response, error) in
        if (error == nil){
            // 转为json数据,try? 解决throws异常, as!强制转换
            let jsonData = try? NSJSONSerialization.JSONObjectWithData(data!, options: NSJSONReadingOptions.AllowFragments) as! NSDictionary;
            self.dealNewsDetail(jsonData!);
        }
    }
    // 4.开启请求
    dataTask.resume();
   
}

 // 处理拿到的数据并显示
func dealNewsDetail(jsonData: NSDictionary) -> Void {
    // 1.取出所有内容
    let allData = jsonData["BSB33M1000234KO7"];
    
    // 2.取出body中的内容
    let bodyHtml = allData!["body"] as! String;

    // 把对应的内容显示daowebView中
    webview.loadHTMLString(bodyHtml, baseURL: nil);
    
}

模拟器运行效果,如下图,即完成

body信息显示.png

相关文章

  • iOS-HTML交互学习笔记(二)-显示body中的内容

    通过上一篇文章我们已经分析过了数据,那么现在将要实现详情页面的信息展示。以下我们以Swift方式编码。 创建工程 ...

  • iOS-HTML交互学习笔记(一)-内容概述

    案例学习-网易新闻详情页实现 技术实现方式:webView加载html 数据来源:抓网易应用数据 准备工作 网易新...

  • iOS-HTML交互学习笔记(六)-往网页中添加内容

    实现目标 在webView中添加内容,如:在webView的底部添加图片 实现方案(两种方式) 通过webView...

  • HTML中的div、h1~h6、p

    在HTML文档中,我们将给用户显示内容全部放到body中,换句话说,就是凡是在body中所写的内容都是要显示给用户...

  • 前端结构与标签

    格式: ---根标签 ---里面的内容会显示在 窗口上面 ---body里面的内容都会显示在网页中 1、 加粗,用...

  • iOS-HTML交互学习笔记(五)-HTML中调用API

    HTML调用iOS中的API,实现原理是通过桥接的方式,下面我们就简单的实现html是怎样与iOS桥接。补充一点,...

  • 2018-02-01

    2-2.#标签,网页上显示的内容放在这里 ——————在网页上要显示出来的页面内容一定要放在body标...

  • 2019-01-14

    Lua与C交互学习笔记 Lua与C交互是通过虚拟栈实现的 在C中调用Lua 方法一 栈中的情况如下表所示 方法二 ...

  • 什么是交互设计

    【交互学习笔记D1】 ------ * 内容来自网易云课堂* ------ what is interaction...

  • Day02笔记

    一、HTML常用标签 1、body标签: 用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文...

网友评论

  • 瑞廷:App Transport Security Settings,少个空格
    Allow Arbitrary Loads,少个字母
    我复制黏贴,搞了好久,还是报错,害苦我了
    PlusNie:@瑞廷 抱歉哈,我手敲的,你添加的时候打App T就可以联想到了:sweat:

本文标题:iOS-HTML交互学习笔记(二)-显示body中的内容

本文链接:https://www.haomeiwen.com/subject/zvapjttx.html