Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

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
?
108 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

 

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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

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
The well known Cerber ransomware continues to spread this summer through spear phishing email campaigns targeting enterprises. Learn how it easily bypasses traditional defenses - and what you can do to protect your data.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
In this video, Percona Solution Engineer Dimitri Vanoverbeke discusses why you want to use at least three nodes in a database cluster. To discuss how Percona Consulting can help with your design and architecture needs for your database and infras…

715 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