Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Could you point how to make a  Codeigniter view  to obtain a value from the correspondent controller?

Posted on 2016-10-04
9
Medium Priority
?
118 Views
Last Modified: 2016-10-07
Hi Experts

Could you point how to make a  Codeigniter view  to obtain a value from the correspondent controller?

The controller method in reclamacao.php
public function get($id)
    {
        try {
            if (empty($id))
                throw new Exception('ID não existe', 1);
            if (!$this->input->is_ajax_request())
                throw new Exception('Erro de requisição', 1);
    
            $result = (array )current($this->reclamacao_model->new_get(array('where' =>array('id_reclamacao' =>           $id),'fields'=>array('id_reclamacao','data','nome_reclamante',
                    'genero', 'procedencia', 'anexo', 'fk_seguradora', 'created_at',
                    'created_by', 'updated_at', 'updated_by')               
                    )));
           
        }
        catch (exception $e) {
            bootbox_alert($e->getMessage());
        }
        $this->output->set_content_type('application/json')->set_output(json_encode($result));
    }

Open in new window


The  column "anexo" is the needed value.

The view code:

<!-- Existing value -->	
<input type="hidden" id="id_reclamacao" name="id_reclamacao" value="">	
...
	
<!----------------------------------------------------------------------------------------------------->
I guess an ajax code is needed to receive the value in the view, isn't it? 
Something like that:
<!----------------------------------------------------------------------------------------------------->
<script type="text/javascript">

		$(function () {
			
				var serv = $('#id_reclamacao').val();
	
				$.ajax({
					url: base_url('reclamacao/get/' + serv),
					type: 'post',
					cache: false,
					contentType: false,
					processData: false,
					dataType: 'json',
					data: serv,
					success: function (data) {
						// THE WAY TO OBTAIN THE RESULT HERE IS CORRECT?
						$('#anexo').val(data);
					},
					error: function(jqXHR) {
						bootbox.alert(jqXHR.responseText);
					}
				});

			});
		});
</script>



<div class="col-xs-4 mb20">
	<label for="tempo_resposta" class="field-label text-muted mb10">Download do PDF'</label>
	<div class="input-group">
		<span class="input-group-addon">
			<i class="fa fa-clock-o c-gray"></i>
		</span>
		<span class="validar">
			
			// WHERE THE RECEIVED VALUE MUST BE USED, THIS GENERATES AN ERROR:
			<b><a href="<?php echo base_url($result['anexo'])?>" target="_blank">Upload do PDF relacionado</a></b></li>
		</span>
	</div>
</div>

Open in new window


Could you check and possibly give me some directions?

Thanks in advance.
0
Comment
Question by:Eduardo Fuerte
  • 5
  • 4
9 Comments
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 41828285
See if I have understood: in your view you are usinh jquery to perform an Ajax call to your controller function which returns data in json format. If this is the case, then the code
$('#anexo').val(data);

Open in new window

is wrong: it would be correct to get the value from a DOM element with id='anexo'. Here you have no DOM element but json data, so you have to parse data array to get the required value:
success: function (data) {
     var anexo = data['anexo'];
     console.log(anexo);
},

Open in new window

This should do the trick. I'm not sure (I can't put this in my head, don't know why!) but if this doesn't work you probably have to use JSON.parse:
success: function (data) {
     var result = JSON.parse(data);
     var anexo = result['anexo'];
     console.log(anexo);
},

Open in new window

0
 

Author Comment

by:Eduardo Fuerte
ID: 41828516
The first option you gave worked out.
But just another issue related I found:

When coding a jQuery event to obtain a value from textbox:

The textbox exists in the page context and was made visible:

<!--input type="hidden" id="id_reclamacao" name="id_reclamacao" value=""-->
<input type="text" id="id_reclamacao" name="id_reclamacao" value="">

Open in new window


img004
A button that when is  clicked fires de jQuery

<div class="col-xs-4 mb20">
<label for="download" class="mb10">Download do PDF</label>
<div class="input-group">
	<input type="button" id="download" name="download">
</div>
</div>

Open in new window


But when the jQuery is fired it couldn't capture the #id_reclamacao - visible to the view, as showed - and generates an error...
<script type="text/javascript">                                 
$(function () {

	$("#download").click(function(){

		var serv = $('#id_reclamacao').val();
		
		//console.log($(serv);
	
		//var serv = 2; // forcing this value it runs Ok

		$.ajax({
			url: base_url('reclamacao/get/' + serv),
			type: 'post',
			cache: false,
			contentType: false,
			processData: false,
			dataType: 'json',
			data: serv,
			success: function (data) {
			var anexo = data['anexo'];
			alert(anexo);
			},
			error: function(jqXHR) {
				bootbox.alert(jqXHR.responseText);
			}
		});
	});
   });
</script>

Open in new window


Could you check it and possibly give a workaround?
0
 
LVL 31

Accepted Solution

by:
Marco Gasi earned 2000 total points
ID: 41828633
and generates an error
Eduardo, you're a veteran here at EE: why do you want I guess the error instead of kindly tell me everything about it? ;-)

Anyway, I see in your Ajax call you are using the CodeIgniter function base_url(): you can't. To solve the issue follow these steps:
1 - open the footer view you include in your files
2 -  at the bottom, immediately before the body closig tag, add this:
<script type="text/javascript">
	var baseurl = "<?php print base_url(); ?>";
</script>

Open in new window

3 - use variable baseurl in your javascripts this way:
<script type="text/javascript">                                 
$(function () {

	$("#download").click(function(){

		var serv = $('#id_reclamacao').val();
		
		//console.log($(serv);
	
		//var serv = 2; // forcing this value it runs Ok

		$.ajax({
			url: baseurl+'reclamacao/get/' + serv,
			type: 'post',
			cache: false,
			contentType: false,
			processData: false,
			dataType: 'json',
			data: serv,
			success: function (data) {
			var anexo = data['anexo'];
			alert(anexo);
			},
			error: function(jqXHR) {
				bootbox.alert(jqXHR.responseText);
			}
		});
	});
   });
</script>

Open in new window

Everything should work now :)
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Eduardo Fuerte
ID: 41828771
Sorry, Marco.

The error was  caused by the absence of the parameter  #id_reclamacao when calling the get() controller.

After applying your solution... runs fine!
0
 

Author Comment

by:Eduardo Fuerte
ID: 41828790
Too late but here it is:

 img_EE_002_061016.png
0
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 41828817
Ah ah, the funny thing is that the error couldn't help to fix the Ajax url issue: seeing the error message I would have investigate about the serv variable value and maybe I didn't notice the wrong use of the base_url() function... so the fact you had not posted the error message has been positive :)
0
 

Author Closing Comment

by:Eduardo Fuerte
ID: 41828848
Marco

Thank you for your dedication and competence in help!
0
 
LVL 31

Expert Comment

by:Marco Gasi
ID: 41829241
Glad to help you, Eduardo :)
0

Featured Post

Get free NFR key for Veeam Availability Suite 9.5

Veeam is happy to provide a free NFR license (1 year, 2 sockets) to all certified IT Pros. The license allows for the non-production use of Veeam Availability Suite v9.5 in your home lab, without any feature limitations. It works for both VMware and Hyper-V environments

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
This post looks at MongoDB and MySQL, and covers high-level MongoDB strengths, weaknesses, features, and uses from the perspective of an SQL user.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question