Databases
StackOverflow2013
Postsdbo
POHow do I Show/Hide partial view based on result I get from service call using jQuery AJAX in MVC4?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I Show/Hide partial view based on result I get from service call using jQuery AJAX in MVC4?
    primarykey
    data
    text
    <p>I want to have a page where I can enter loan number then I will call a WCF get service to see if a loan number is valid. If loan# is valid, I want to show loan related data (partial view) on the same page.</p> <p>Here is my main View:</p> <pre><code>@model LoanStatus.Web.Models.Validate @{ ViewBag.Title = "Validate"; } @section Scripts { @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/jqueryui") } &lt;script type="text/javascript"&gt; jQuery(function ($) { $("#txtssn").mask("9999"); }); function validateRequest() { var $form = $('form'); if ($form.valid()) { $.support.cors = true; var lnkey = $('#txtlnkey').val(); $.ajax({ type: "GET", url: "http://localhost:54662/Service1/ValidateRequest/" + encodeURIComponent(lnkey), contentType: "application/json; charset=utf-8", dataType: "json", //jsonp? success: function (response) { $('#Result').html('Loading....'); if (response.ValidateRequestResult.toString().toUpperCase() == 'TRUE') { alert('validated'); } else { alert('cannot validated' + response.ValidateRequestResult.toString().toUpperCase()); //$("#Result").hide(); } $('#Result').html(response.ValidateRequestResult); //alert(response.ValidateRequestResult.toString()); }, error: function (errormsg) { alert("ERROR! \n" + JSON.stringify(errormsg)); } }); // } else { $('#Result').html('Input Validation failed'); } } &lt;/script&gt; @using (Html.BeginForm()) { &lt;fieldset&gt; &lt;legend&gt;Log in Form&lt;/legend&gt; &lt;ol&gt; &lt;li&gt; @Html.LabelFor(m =&gt; m.LoanKey, new{}) @Html.TextBoxFor(m =&gt; m.LoanKey, new { @id = "txtlnkey" }) @Html.ValidationMessageFor(m =&gt; m.LoanKey) &lt;/li&gt; &lt;/ol&gt; &lt;input type="button" value="Get Status" onclick="javascript:validateRequest();" /&gt; &lt;/fieldset&gt; } &lt;div id="Result"&gt; @if (ViewBag.Validated) { @Html.Action("GetLoanInfo"); } &lt;/div&gt; </code></pre> <p>Below is my controller:</p> <pre><code>namespace LoanStatus.Web.Controllers { public class ValidateController : Controller { // // GET: /Validate/ [HttpGet] public ActionResult Index() { var model = new Validate() {LoanKey = "", Last4Ssn = ""}; ViewBag.Validated = false; return View(model); } [HttpPost] public ActionResult Index(Validate model, bool validated) { // do login stuff ViewBag.Loankey = model.LoanKey; ViewBag.Validated = true; return View(model); } public ActionResult GetLoanInfo() // SHOWs Search REsult { return PartialView("_LoanInfoPartial", ViewBag.Loankey); } } } </code></pre> <p>I want to have '<code>@Html.Action("GetLoanInfo");</code>' rendered only if jQuery AJAX service call returns TRUE (Where I have <code>alert('validated')</code>. I am not sure how to do that. My issue can be resolved if I can set value to <code>ViewBag.Validated</code> in <code>success:function()</code>. But based on what I read, it cannot be set in jQuery. </p> <p>I tried <code>$("#Result").hide();</code> and <code>$("#Result").show();</code> but it did not work. Please help.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USsharp_net
    1. USsharp_net
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow do I Show/Hide partial view based on result I get from service call using jQuery AJAX in MVC4?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COIt is possible that `.hide()` and `.show()` are not working if `@if (ViewBag.Validated)` is false... firstly, that is server-side code.. what you need to do is render it, but then immediately call `.hide()` in `$(document).onready(`
      singulars
      1. POHow do I Show/Hide partial view based on result I get from service call using jQuery AJAX in MVC4?
      1. USMatt
    2. COAlso, in your example above, I see you have `.hide()` commented out, but there's no `.show()` commented anywhere. Did you forget to use it or you just removed it completely?
      singulars
      1. POHow do I Show/Hide partial view based on result I get from service call using jQuery AJAX in MVC4?
      1. USMatt
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload