Как отправить JSON из веб-службы в JavaScript в проектах iOS?

Question

Как отправить JSON из веб-службы в JavaScript в проектах iOS?

0

Я пытаюсь получить данные из моей веб-службы (которая написана на python) и отправить ее в javascript файла.html, который я показываю в webView в моем проекте iOS.

Пока я могу получить данные из моего веб-сервиса успешно. Я проверил достоверность возвращаемого JSON (отсюда: link). В основном это так:

 [
     ["", "2012", "2013", "2014(YTD)"],
     ["Ferrari", 1460089088.3900001, 1637243070.99, 283566771.55000001],
     ["Alfa Romeo", 1199141138.1900001, 1224624821.1500001, 192307335.49000001],
     ["Aston Martin", 938498003.79999995, 925839633.51999998, 153081173.83000001],
     ["Renault", 533421162.11000001, 760272188.90999997, 148547868.22],
     ["Mercedez Benz", 808073299.64999998, 792529238.65999997, 129659242.28],
     ["BMW", 688060328.04999995, 707948227.46000004, 128892192.08],
     ["Bugatti", 583436131.62, 688728665.89999998, 126492338.84999999],
     ["Volvo", 677868130.54999995, 684122911.88, 116283383.16],
     ["Lamborghini", 629542913.95000005, 590023385.53999996, 109498672.36],
     ["Maserati", 694555075.96000004, 631471868.38, 99944513.939999998]
 ]

Я хочу получить эти данные из своего веб-сервиса и отобразить его на таблице, которая находится в html файле. Я использую плавный плагин jQuery для отображения данных в таблице.

Ниже вы можете увидеть мой код в объективе-с. Я беру asnwer этой статьи stackoverflow в качестве ссылки: Отправить NSArray в javascript

- (void)fetchTableData{
    NSURL *url = [NSURL URLWithString:@"http://xx.xx.xx.xx:yy/myWebService"];
    NSData *data = [NSData dataWithContentsOfURL:url];
    NSError *error;

    //jsonArray=[NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:&error];


    // Pass the JSON to an UTF8 string
    NSString *jsonString = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];

    // Base64 encode the string to avoid problems
    //NSString *encodedString = [Base64 encode:jsonString];

    // Evaluate your JavaScript function with the encoded string as input
    NSString *jsCall = [NSString stringWithFormat:@"myData=('%@');", jsonString];

    // _grid is my webView
    [_grid stringByEvaluatingJavaScriptFromString:jsCall];
}

И вот мой.html файл:

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">


    <link rel="stylesheet" type="text/css" href="/css/result-light.css">


    <script src="http://warpech.github.io/jquery-handsontable/lib/jquery.min.js"></script>
    <script src="http://warpech.github.io/jquery-handsontable/dist/jquery.handsontable.full.js"></script>
    <link rel="stylesheet" media="screen" href="http://warpech.github.io/jquery-handsontable/dist/jquery.handsontable.full.css">
    <link rel="stylesheet" media="screen" href="http://warpech.github.io/jquery-handsontable/demo/css/samples.css?20140401">

    <style type="text/css">
        body {
            background: white;
            margin: 20px;
        }
        h2 {
            margin: 20px 0;
        }
    </style>



    <script type='text/javascript'>
        //<![CDATA[

        $(document).ready(function () {

            var myData = ();

            //                                              var myData = ( [
            //                                                              ["", "2012", "2013", "2014(YTD)"],
            //                                                              ["Ferrari", 1460089088.3900001, 1637243070.99, 283566771.55000001],
            //                                                              ["Alfa Romeo", 1199141138.1900001, 1224624821.1500001, 192307335.49000001],
            //                                                              ["Aston Martin", 938498003.79999995, 925839633.51999998, 153081173.83000001],
            //                                                              ["Renault", 533421162.11000001, 760272188.90999997, 148547868.22],
            //                                                              ["Mercedez Benz", 808073299.64999998, 792529238.65999997, 129659242.28],
            //                                                              ["BMW", 688060328.04999995, 707948227.46000004, 128892192.08],
            //                                                              ["Bugatti", 583436131.62, 688728665.89999998, 126492338.84999999],
            //                                                              ["Volvo", 677868130.54999995, 684122911.88, 116283383.16],
            //                                                              ["Lamborghini", 629542913.95000005, 590023385.53999996, 109498672.36],
            //                                                              ["Maserati", 694555075.96000004, 631471868.38, 99944513.939999998]
            //                                                              ]);

            $('#myTable').handsontable({
                data: myData,
                minSpareRows: 1,
                //colHeaders: true,
                contextMenu: true,
                readOnly: true,
                fixedColumnsLeft: 1
            });


            function bindDumpButton() {
                $('body').on('click', 'button[name=dump]', function () {
                    var dump = $(this).data('dump');
                    var $container = $(dump);
                    console.log('data of ' + dump, $container.handsontable('getData'));
                });
            }
        });
         //]]>
    </script>


</head>

<body>


    <div id="myTable" class="handsontable" style="width: 400px; margin-left:auto; margin-right:auto; background-color:silver"></div>

</body>


</html>

В моем методе viewDidLoad и методе displayGrid, который я написал для подключения моего webView с.html файлом, все уместно.

Но когда я запускаю код, я вижу, что мой webView пуст, потому что нет данных trasnmission от webservice до javascript. Как я могу достичь этого?

После консультации с Симоном Mclaughlin'a я изменил код следующим образом: this:

JavaScript:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">


            <link rel="stylesheet" type="text/css" href="/css/result-light.css">


                <script src="http://warpech.github.io/jquery-handsontable/lib/jquery.min.js"></script>
                <script src="http://warpech.github.io/jquery-handsontable/dist/jquery.handsontable.full.js"></script>
                <link rel="stylesheet" media="screen" href="http://warpech.github.io/jquery-handsontable/dist/jquery.handsontable.full.css">
                    <link rel="stylesheet" media="screen" href="http://warpech.github.io/jquery-handsontable/demo/css/samples.css?20140401">

                        <style type="text/css">
                            body {background: white; margin: 20px;}
                            h2 {margin: 20px 0;}

                            </style>



                     <script type='text/javascript'>

                            function dataSender(arr){
                                $('#myTable').handsontable({
                                                           data: arr,
                                                           minSpareRows: 1,
                                                           contextMenu: true,
                                                           readOnly: true,
                                                           fixedColumnsLeft: 1
                                                           });
                            }

//                            $(document).ready(function () {

//                                              var myData = myDataCollection;
//                                              $('#myTable').handsontable({
//                                                                         data: myData,
//                                                                         minSpareRows: 1,
//                                                                         //colHeaders: true,
//                                                                         contextMenu: true,
//                                                                         readOnly: true,
//                                                                         fixedColumnsLeft: 1
//                                                                         });
//                                              
//                                              });


                    </script>
            </head>
    <body>


        <div id="myTable" class="handsontable" style="width: 400px; margin-left:auto; margin-right:auto; background-color:silver"></div>

    </body>


</html>

Цель-C:

#import "TablesScreenViewController.h"

@interface TablesScreenViewController (){
    NSMutableArray *tablesbuttonarray;
    //NSMutableArray *jsonArray;
}

@end

@implementation TablesScreenViewController
@synthesize TopLayer=_TopLayer,layerPosition=_layerPosition,tablesleftSlider=_tablesleftSlider,tablesrightSlider=_tablesrightSlider,tcharts=_tcharts,ttables=_ttables,tnews=_tnews,tRSS=_tRSS,tIHimg=_tIHimg,tsocial=_tsocial,tfeedback=_tfeedback,tabout=_tabout,tlogout=_tlogout,tablesrightbubble=_tablesrightbubble,tablesrightchartstitle=_tablesrightchartstitle,tablesrightindex=_tablesrightindex,tablesrightline=_tablesrightline,tablesrightnewstitle=_tablesrightnewstitle,tablesrightoverview=_tablesrightoverview,tablesrightRSS=_tablesrightRSS,tablesrightSliderimage=_tablesrightSliderimage,tablesrightSocial=_tablesrightSocial,tablesrightstandart=_tablesrightstandart,tablesrighttablestitle=_tablesrighttablestitle,tablesrightwebfeedtitle=_tablesrightwebfeedtitle, grid=_grid;

- (IBAction)panLayer:(UIPanGestureRecognizer *)pan {

    if(pan.state == UIGestureRecognizerStateChanged){
        CGPoint point=[pan translationInView:self.TopLayer];
        CGRect frame=self.TopLayer.frame;
        CGRect rframe=self.TopLayer.frame;

        if (point.x>0) {
            frame.origin.x=self.layerPosition+point.x;
            if(frame.origin.x > 240) frame.origin.x=240;
            self.TopLayer.frame=frame;
        }
        else if(point.x<0){
            rframe.origin.x=self.layerPosition+point.x;
            if(rframe.origin.x < -340) rframe.origin.x=-340;
            self.TopLayer.frame=rframe;


        }
    }

    if(pan.state== UIGestureRecognizerStateEnded){

        if (self.TopLayer.frame.origin.x >0 && self.TopLayer.frame.origin.x <=120) {
            [self animateLayertoPoint:0];
        }
        else if (self.TopLayer.frame.origin.x >120 && self.TopLayer.frame.origin.x <=240){
            [self animateLayertoPoint:240];
        }
        else if (self.TopLayer.frame.origin.x <0 && self.TopLayer.frame.origin.x >= -170){
            [self animateLayertoPoint:0];
        }
        else if (self.TopLayer.frame.origin.x < -170 && self.TopLayer.frame.origin.x >= -340){
            [self animateLayertoPoint:-340];
        }

    }
}

- (void)fetchTableData{


    NSURL *url = [NSURL URLWithString:@"http://xx.xx.xx.xx:yy/myWebService"];
    NSData *data = [NSData dataWithContentsOfURL:url];
    NSError *error; //******

    //jsonArray=[NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:&error];

    NSLog(@"fetch methoduna girdik");
    // Pass the JSON to an UTF8 string
    NSString *jsonString = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
    NSLog(@"jsonString: %@",jsonString);
    [_grid stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"dataSender('%@');", jsonString]];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {

    return interfaceOrientation == UIInterfaceOrientationLandscapeLeft;
}

- (BOOL)prefersStatusBarHidden
{
    return YES;
}

-(void) animateLayertoPoint:(CGFloat)x{

    [UIView animateWithDuration:1
                          delay:0
                        options:UIViewAnimationOptionCurveEaseOut
                     animations:^{
                         CGRect frame=self.TopLayer.frame;
                         frame.origin.x=x;
                         self.TopLayer.frame=frame;
                     }
                     completion:^(BOOL finished) {
                         self.layerPosition=self.TopLayer.frame.origin.x;
                     }];


}

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

-(void)displayGrid{

    NSString *pathOfFile=[[NSBundle mainBundle] pathForResource:@"tables_1" ofType:@"html"];
    NSString *htmlText=[NSString stringWithContentsOfFile:pathOfFile encoding:NSUTF8StringEncoding error:nil];

    NSURL *baseURL = [NSURL fileURLWithPath:pathOfFile];
    [_grid loadHTMLString:htmlText baseURL:baseURL];
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    //[self fetchTableData];
    [self displayGrid];
    // Do any additional setup after loading the view.
    tablesbuttonarray = [[NSMutableArray alloc] initWithObjects:_tablesrightline,_tablesrightindex,_tablesrightstandart,_tablesrightoverview,_tablesrightbubble,_tablesrightRSS,_tablesrightSocial,nil];

    [_tablesrightstandart setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    _tablesrightstandart.backgroundColor=[UIColor colorWithRed:0/255.0 green:136/255.0 blue:204/255.0 alpha:1];
    [_tablesrightline setTitleColor:[UIColor colorWithRed:0/255.0 green:136.0/255.0 blue:204.0/255.0 alpha:1] forState:UIControlStateNormal];
    [_tablesrightindex setTitleColor:[UIColor colorWithRed:0/255.0 green:136.0/255.0 blue:204.0/255.0 alpha:1] forState:UIControlStateNormal];
    _ttables.backgroundColor=[UIColor colorWithRed:251/255 green:251/255  blue:251/255  alpha:0.1];
    self.layerPosition=self.TopLayer.frame.origin.x;
    _grid.delegate=self;
    _grid=[[UIWebView alloc]init];
}

-(void) webViewDidFinishLoad:(UIWebView *)webView{
    _grid.delegate=self;
   _grid=[[UIWebView alloc]init];
   [self fetchTableData];
}

//-(void)webViewDidFinishLoad:(UIWebView *)webView {
//    [self fetchTableData];
//}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
-(IBAction)tablesleftSliderButton:(id)sender{
    [UIButton animateWithDuration:1 animations:^{
        CGRect tframe=self.TopLayer.frame;
        if(tframe.origin.x <=0) tframe.origin.x=240;
        else tframe.origin.x=0;
        self.TopLayer.frame=tframe;
    }];
}
-(IBAction)tablesrightSliderButton:(id)sender{
    [UIButton animateWithDuration:1 animations:^{
        CGRect tframe=self.TopLayer.frame;
        if(tframe.origin.x >= -1) tframe.origin.x=-340;
        else tframe.origin.x=0;
        self.TopLayer.frame=tframe;
    }];
}

-(IBAction)tlogoutButton:(id)sender{
    UIAlertView *alert = [[UIAlertView alloc]

                          initWithTitle:@"Are you sure?"
                          message:@""
                          delegate:self
                          cancelButtonTitle:@"Cancel"
                          otherButtonTitles:@"OK", nil];

    [alert show];

}

-(void)alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{
    if (buttonIndex == 1) {
        UIStoryboard *main= [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:nil];
        UIViewController *vc=[main instantiateViewControllerWithIdentifier:@"LoginViewController"];
        [self presentViewController:vc animated:YES completion:nil];
    }

}


@end

Timur Aykut YILDIRIM 22 апр. 2014, в 17:24

Источник

Теги:

javascript

jquery

json

ios

objective-c

1 ответ

Ещё вопросы

Simon McLoughlin · Accepted Answer · 2014-04-22T12-53-00.000Z

1

Лучший ответ

Я бы поставил на то, что вы передаете данные перед загрузкой webview.

Попробуйте передать данные после этого обратного вызова:

- (void)webViewDidFinishLoad:(UIWebView *)webView 
{
    [self fetchTableData];
}

Если вы передаете данные в руки, DOM/JS не анализируется и, следовательно, не может обрабатывать ваш запрос для оценки строки JS.

РЕДАКТИРОВАТЬ

Просто заметил, что ваш JS-код в html использует функцию document.ready. Вы не можете запросить UIWebview для оценки JS до его загрузки. Вам нужно будет изменить это так, чтобы ваш вызов проходил в данных, вызывает функцию, которая запускает ваш JS-код, вместо того, чтобы пытаться передать данные до их запуска.

Кроме того, вы можете просто использовать JS-вызов ajax для получения данных.

Simon McLoughlin 22 апр. 2014, в 12:53

0

извините, я не понял, что вы имели в виду под «вам нужно изменить это так, чтобы ваш вызов для передачи данных вызывал функцию, которая вызовет ваш код JS, вместо того, чтобы пытаться передать данные до это началось ". Должен ли я передать свои данные в другую функцию JS, а не вызывать ее в $ (document) .ready (function ()?
Timur Aykut YILDIRIM 22 апр. 2014, в 14:53
1

@TimurAykutYILDIRIM нет, забудь о document.ready . Вы никогда не сможете получить данные во время, когда это называется. Создайте новую функцию, которая принимает ваши данные и вызывает весь ваш код JS. Затем вызовите эту функцию из Objective-C
Simon McLoughlin 22 апр. 2014, в 14:55
0

как я могу вызвать эту функцию из target-c? Должен ли я назвать его как NSString * jsCall = [NSString stringWithFormat: @ "myData = ('% @');", jsonString]; в моей функции fetchTableData?
Timur Aykut YILDIRIM 22 апр. 2014, в 15:06
1

@TimurAykutYILDIRIM вы, кажется, не понимаете, что делает ваш код. [_grid stringByEvaluatingJavaScriptFromString:jsCall]; передает JavaScript в веб-просмотр. например, [_grid stringByEvaluatingJavaScriptFromString: [NSString stringWithFormat:@"myfunctionName(%@)", myWebServiceData] ]; , myfunctionName - это имя вашей новой функции JS, а myWebServiceData - это цель c данными, которые вы передаете в нее.
Simon McLoughlin 22 апр. 2014, в 15:37
1

@TimurAykutYILDIRIM удачи с этим? Если это так, не забудьте отметить топ ответ / upvote. Если нет, отредактируйте свой вопрос с более подробной информацией и дайте мне знать, что это не сработало. Вы не должны оставлять вопросы открытыми, поскольку другие, сталкивающиеся с той же самой проблемой, не будут знать, что решило это
Simon McLoughlin 23 апр. 2014, в 08:36
0

Извините, что ответил поздно, у меня был экзамен. Я изменил код, но он мне ничего не показывает. Я могу получить данные из веб-сервиса в переменную jsonString. Я уверен, что делаю глупую ошибку, но я просто не могу ее найти.
Timur Aykut YILDIRIM 24 апр. 2014, в 13:48
1

@TimurAykutYILDIRIM ну тогда отредактируйте свой вопрос, чтобы показать мне код, который вы используете сейчас, я попросил вас отредактировать ваш вопрос в предыдущем комментарии, если он не работает
Simon McLoughlin 24 апр. 2014, в 13:53
0

Извините, я забыл это сказать. я уже редактировал
Timur Aykut YILDIRIM 24 апр. 2014, в 13:54
1

@TimurAykutYILDIRIM когда вызывается fetchTableData ? вы не использовали первую часть моего ответа, предлагающую использовать webViewDidFinishLoad вызов webViewDidFinishLoad для передачи данных
Simon McLoughlin 24 апр. 2014, в 14:01
0

я написал webViewDidFinishload прямо под методом viewDidLoad следующим образом: - (void) webViewDidFinishLoad: (UIWebView *) webView {[self fetchTableData]; }
Timur Aykut YILDIRIM 24 апр. 2014, в 14:28
0

@TimurAykutYILDIRIM, пожалуйста, удалите изменения, которые вы внесли в свой вопрос, и вместо этого добавьте полный viewController.m и полный HTML, мне нужно посмотреть, как / где создается JS, и мне нужно посмотреть, как / где создается веб-представление, делегат установлен, и увидеть поток логики
Simon McLoughlin 24 апр. 2014, в 14:33
0

хорошо, это отредактировано сейчас
Timur Aykut YILDIRIM 24 апр. 2014, в 14:46
1

@TimurAykutYILDIRIM HTML выглядит хорошо. В Objective-C Я не вижу нигде , где вы назвали alloc или init на _grid , я не вижу нигде , где вы добавили _grid к ViewController view , и вы не установили ViewController как _grid.delegate , то есть он не будет вызывать что webViewDidFinsihLoading обратный вызов
Simon McLoughlin 24 апр. 2014, в 14:52
0

я отредактировал код, но он все равно ничего не отображает.
Timur Aykut YILDIRIM 25 апр. 2014, в 09:54
0

@TimurAykutYILDIRIM в вашем viewDidLoad вы вызываете displayGrid до того, как вы вызвали alloc] init] в веб-представлении. Конечно, это не сработает, вы просите веб-сайт сделать что-то до того, как он появится. Вы также вызываете alloc] init] для него снова в webViewDidFinishLoad , что означает его загрузку, затем удаление и загрузку снова. И, тем не менее, вы еще не добавили его в представление viewController, и также не задали ему фрейм
Simon McLoughlin 25 апр. 2014, в 10:07
0

@TimurAykutYILDIRIM Итак, резюмируя, объект равен nil когда вы просите его загрузить html-файл, вы не добавили веб-просмотр на экран, поэтому вы ничего не увидите, вы не указали размер, поэтому, если он был добавлен на экране вы все равно ничего не увидите. Размещение alloc] init] внутри webViewDidFinishLoad в основном webViewDidFinishLoad все, что вы пытаетесь сделать. Чувак это выходит за рамки основной цели-c. Сначала убедитесь, что ваше веб-изображение на экране, загрузите www.google.ie , когда увидите, а затем попробуйте сделать то, что вы делаете.
Simon McLoughlin 25 апр. 2014, в 10:08

Показать ещё 14 комментариев