Add query string to local HTML files

Question

I have codes to load local html files (html files are inside the app, not from server), but how would I go about adding query string to it. I basically want to pass data from swift into html webview. Is this even possible? Alot of examples I've found is related to html files from server, but haven't found any for html files stored inside the app.

let url = NSBundle.mainBundle().URLForResource("index", withExtension:"html", subdirectory: "www")
let request = NSURLRequest(URL: url!)
webView.loadRequest(request)

mikep · Accepted Answer · 2017-10-12 07:37:59Z

3

To add query string parameters to local URL for WebView you can use code below. It is valid for Xcode 9 and Swift 4.

let bundleMainUrl = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "www");
let fullUrl = URL(string: "?os=ios", relativeTo: bundleMainUrl);
let request = URLRequest(url: fullUrl!);
webView?.load(request);

edited Oct 12, 2017 at 7:37

answered Oct 12, 2017 at 6:34

mikep

7,5562 gold badges41 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Elise Over a year ago

This is the only approach that worked for me on both iOS 11 and iOS 13.

Jaywant Khedkar Over a year ago

Thanks, Mikep, This is the only solution work for me, +1

mohamede1945 · Accepted Answer · 2015-12-12 06:20:43Z

1

Yes you can do it by using Javascript. Check out stringByEvaluatingJavaScriptFromString

https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIWebView_Class/#//apple_ref/occ/instm/UIWebView/stringByEvaluatingJavaScriptFromString:

answered Dec 12, 2015 at 6:20

mohamede1945

7,2186 gold badges50 silver badges63 bronze badges

Comments

Sande Harsa · Accepted Answer · 2015-12-12 06:22:08Z

1

If you have a full URL string with the queries, you can just initialise NSURL with that string.

let url = NSURL(string: "www.stackoverflow.com")

answered Dec 12, 2015 at 6:22

Sande Harsa

1015 bronze badges

1 Comment

amarankes Over a year ago

My html are stored locally inside the app, not from the server.

score 1 · Accepted Answer · 2015-12-12 17:03:20Z

1

You can use NSURLComponents and NSURLQueryItem to construct a URL with query parameters:

var urlComponents = NSURLComponents(string: "www/index.html")!

urlComponents.queryItems = [
  NSURLQueryItem(name: "key1", value: "value1"),
  NSURLQueryItem(name: "key2", value: "value2")
]
urlComponents.URL // returns www/index.html?key1=value1&key2=value2

edited Dec 12, 2015 at 17:03

answered Dec 12, 2015 at 6:44

user4151918

6 Comments

amarankes Over a year ago

The html files are stored locally on the app (not from server). So, if I use webView.loadRequest(urlComponents.URL) , i get an error message about expecting NSURLRequest type

user4151918 Over a year ago

Add the query items to the bundle's URL before passing it to NSURLRequest.

amarankes Over a year ago

Not sure if I follow...can you provide the full source code to load local html files (index.html is stored inside a folder name WWW) with query string?

user4151918 Over a year ago

I showed you how to add query items to a URL. Break the URL you already have (from the bundle) down into its components, add the query items, then turn those components back into a URL.

amarankes Over a year ago

Do you mean something like this? let urlComponents = NSURLComponents(string: "www/index.html")! if #available(iOS 8.0, *) { urlComponents.queryItems = [ NSURLQueryItem(name: "os", value: "guile"), NSURLQueryItem(name: "appID", value: "hi") ] } else { // Fallback on earlier versions } let request = NSURLRequest(URL: urlComponents.URL!) webView.loadRequest(request) This code doesn't work.

|

amarankes · Accepted Answer · 2015-12-12 18:32:32Z

1

I've solved this by using pathForResource instead of pathForResource as I was able to append string toward the end.

var url = NSBundle.mainBundle().pathForResource("index", ofType: "html", inDirectory: "www").stringByAppendingString("?os=ios")

answered Dec 12, 2015 at 18:32

amarankes

1153 silver badges12 bronze badges

1 Comment

mikep Over a year ago

It is not working for me because url is string and it can not be passed to webView load.

Collectives™ on Stack Overflow

Add query string to local HTML files

5 Answers 5

2 Comments

Comments

1 Comment

6 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

6 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related