<div>
I am not clear on the requirement 
If you want to call this 

<pre><code class="code-1 nolinks" id="code-20-42384967-1">var url=&quot;www.mysite.com/customer/details/1&quot;
</code></pre>
Then just call it ... 

<pre><code class="code-1 nolinks" id="code-20-42384967-2">$.get(url, function(resp){
 // handle response
});
</code></pre>
 
What am I missing?
</div>

<div>
Sorry if my question was unclear. 
 
The routing to &quot;www.mysite.com/customer/details/1&quot;&nbsp;is handled by the customer controller, but in the details View, I want to call the GET function in the Customer API controller and pass the &quot;1&quot; as a parameter in the API GET call. Does this make sense? Or is this a totally wrong approach?
</div>

<div>
It depends on how your MVC has been setup. 
 
Usually a URL like www.mysite.com/customer/details/1&nbsp;is calling a controller customer, view details parameter 1 so I am not sure what you are asking here?
</div>

<div>
Are you saying that you want to either: 

<ul>
<li>Make a call to a different REST API from the Customer 1 Detail after the content renders in the browser?</li>
<li>Make a call to a different REST API from within the CustomerController.Details(int id) function?</li>
</ul>
</div>

<div>
Let me try and better explain. 
 
I need to get a distinct customer and display his or her details on the webpage. &nbsp;To do this I need the parameter that is provided in the query string. (ie. www.mysite.com/customer/details/1) &nbsp;In my case the parameter is the number 1. 
 
My MVC Controller only returns the view. &nbsp;It does not return data. &nbsp; 
 

<pre><code class="code-1 nolinks" id="code-20-42385729-1">public ActionResult Details()
 {
 return View();
 }
</code></pre>
 
My API Controller does the work on querying the database. 
 

<pre><code class="code-10 nolinks" id="code-20-42385729-2"> public IHttpActionResult GetCustomer(int Id)
 {
 var customer = _context
 .Customers
 .Include(c =&gt; c.IntakeType)
 .Include(c =&gt; c.Segment)
 .SingleOrDefault(c =&gt; c.Id == Id);

 if (customer == null)
 return NotFound();

 return Ok(Mapper.Map&lt;Customer, CustomerDto&gt;(customer));
 }
</code></pre>
 
On my view page I have my AJAX code. &nbsp;Here's a snippet: 
 

<pre><code class="code-1 nolinks" id="code-20-42385729-3">$.ajax({
 url: '/api/customers/', &lt;--- THIS LINE HERE.
 dataSrc: &quot;&quot;,
 type: &quot;GET&quot;,
 data: {}
 }).done(function (data) {
</code></pre>
 
The line I marked above is where I'm stuck. &nbsp;I need to pass the parameter of &quot;1&quot; to the Customer API Controller so I can return that individual customers data. 
 
How can I pass that parameter to the URL line so instead of this... 
 
&nbsp;url: '/api/customers/', 
 
... it passes this... 
 
url: '/api/customers/1',
</div>

<div>
This is where I am confused why not just make the code in your view 

<pre><code class="code-1 nolinks" id="code-20-42385755-1">var id = &lt;%= CLIENTID HERE%&gt;;
$.ajax({
 url: '/api/customers/' + id, &lt;--- THIS LINE HERE.
 dataSrc: &quot;&quot;,
 type: &quot;GET&quot;,
 data: {}
 }).done(function (data) {
</code></pre>
Or code it directly into the URL string 
You can also do
<pre><code class="code-1 nolinks" id="code-20-42385755-2">var data = {id: &lt;%= CLIENTID HERE%&gt;}
$.ajax({
 url: '/api/customers/', &lt;--- THIS LINE HERE.
 dataSrc: &quot;&quot;,
 type: &quot;GET&quot;,
 data: data
 }).done(function (data) {
</code></pre>
Assumes your controller is looking for a url of controller/view?id=1 as an alternative 
 
Basically the question is - why can't you simply just add the number to this line 

<pre><code class="code-1 nolinks" id="code-20-42385755-3"> url: '/api/customers/', &lt;--- WHY CAN'T YOU JUST ADD IT HERE AS PART OF THE RENDER
</code></pre>
</div>

<div>
Sorry, but I'm just very new to this so please bare with me. &nbsp; 
 
I would love to implement what your suggesting. &nbsp;My question has to do with, how do you get this... 
 
&lt;%= CLIENTID HERE%&gt;; 
 
Should I pass the parameter value from the MVC Contoller via a ViewModel to the View like this... 
 

<pre><code class="code-1 nolinks" id="code-20-42385782-1">public ActionResult Details(int id)
 {
 var vm = new DetailsViewModel {
 Id = id
 };
 return View(vm);
 }
</code></pre>
 
and then inject that value into my AJAX code like this? 
 

<pre><code class="code-1 nolinks" id="code-20-42385782-2">$.ajax({
 url: '/api/customers/' + @Model.Id,
 dataSrc: &quot;&quot;,
 type: &quot;GET&quot;,
 data: data
 }).done(function (data) {
</code></pre>
 
Is this the best way to approach this? &nbsp;Again, I'm a newbie so I'm just looking for best practice for my situation.
</div>

<div>
Thank you for your help. &nbsp;This puts me on the right path.
</div>

<div>
<div class="content wysiwyg-content">
Hi - I need help. &nbsp;I'm new to MVC development and RESTful API architecture and could use some help. 
 
Here's an an example of my URL: 
 
www.mysite.com/customer/details/1 
 
In the details View I want to make a GET AJAX call to my web API that passes that &quot;1&quot; parameter to the GET method. &nbsp; 
 
How do I pass that parameter (1) to the VIEW to call the API to GET the data?
</div>
</div>

Hi - I need help.  I'm new to MVC development and RESTful API architecture and could use some help.

Here's an an example of my URL:

www.mysite.com/customer/details/1

In the details View I want to make a GET AJAX call to my web API that passes that "1" parameter to the GET method.  

How do I pass that parameter (1) to the VIEW to call the API to GET the data?

ASP.NET MVC 5:  Getting

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.