JavaScript - Can Handle Both Json And HTML Datatypes In The Same Ajax Call
Mar 2, 2011Is there anyway I can handle both json and html return types when posting jquery ajax:
For example, this ajax call expects html
[code]....
Is there anyway I can handle both json and html return types when posting jquery ajax:
For example, this ajax call expects html
[code]....
I am making a JSON call to web method which is defined in code behind. The web method returns a class object.The class returns 3 properties one of type list and 2 integers. I am accessing these in the following manner:
success: function(result) {
alert(result);
alert(result.LookCount);
alert(result.length);
if(result.LookCount > 0)
{
var Info = "";
for(var i = 0;i < result.LookUps.length; i++)
{
Info += CreateLookUpGrid(result.LookUps[i].Client,result.LookUps[i].ClientOrg);
}
alert(result.LookCount) -> alerts undefined and when i alert result it shows me the compelte result string which has all data. So the data is returned correctly by web method. But I am unable to access it.
i'm a total newbie with asp.net mvc and here's my jam:
i have a 3 level list box which selection on box A shows options on box B and selection on box B will show the options for box C.
I'm trying to do the whole thing in asp.net MVC and what i see is that the nerd dinner tutorial uses the ORM method.
so i created a dbml to the database and drag the stored proc inside. i create a datacontext object but i don't quite know how to connect the result from the stored proce which should be multiple rows of data and make it into a json. so i can keep all the json data inside the html page and using jquery i could make the selection process faster. i don't expect the data inside the three boxes to change so often thus i think this method should be quite viable.
Questions:
So how do i get the stored proc part
to return the data as json?
i've noticed some tutorial online
that the json return result part is
at the controller and not at the
model end.
Why is that?
Edit
FYI, i find what i mostly wanted to do here.
For the json part, i referenced here.
I try to use the jquery + json to get all elements in form and build a JSON var to post in a ASP.NET MVC method.
[Code]....
It method get all fields in a form and build a JSON, but it dont put JSON inside JSON.
Example:
If i have the follow form:
<input name="person.name"><input name="person.age"><input name="person.address.street">
The serialized string build a JSON like this
{ "person.name": "??", "person.age": "??", "person.address.street": "??" }
I need a plugin or some function to generate like this:
{ "person": { "name" : "??", "age" : "??", "address":{ "street": "??" } } }
I have this code being called
[Code]....
which returns <div>here</div><script language=javascript>alert('');</script> The content gets loaded property, but no alert. How would I get a javascript routine to work from an ajax call along with posting the HTML code?
I have a Page that expects a POST Request and returns some JSON. Essentially it's an .ashx Page, but that doesn't really matter.
When using jQuery, I would use jQuery.Post with "json" as dataType to simply make the POST request and get an object back. However, for the current project I mainly use ASP.net AJAX and I don't want to add jQuery just for the call.
For ASP.net AJAX, I only found information on how to call a "traditional" web service though, which means adding a asp:ServiceReference to the ScriptManager and having a "real" Web Service at the end.
Is there a simpler way to make a POST call to a Page? I could live with getting the raw JSON and then manually eval()ing it, but I don't want to create a full asmx web service (deploying them on SharePoint is a bit painful, and my ashx handler works fine)
My web app is using a sliderextender to allow the user to change the distance. After the slider handle is moved and the mouse button is release, I would like to call a function to query the results and rebind my datalist.
How can this be done?
my slider control is:
[Code]....
Actually I am trying to learn jQuery Ajax calls to asp.Net webservices.
I have been trying to call the webmethod below:
[code]....
Do I need to serialize my object in some way before setting the 'data' attribute, so that I can call $.ajax() function?
What is the quickest way once I have JSON array in hard to actually manufacture HTML? I'm thinking it's iterating the JSON arrays pulling out needed data and concatinating an HTML string that I pass to eval()? Is there a faster way?
View 1 RepliesWhen I edit single recored in page, I use checkbox to get a selected row not every row with an actionlink element, but it seemed I cant make this way happen through calling javascript code(function GetSelectedRow() should return an id). Could anyone have a nice idea?
[Code]....
how to call javascript function in html.actionlink in asp.net mvc? i wan to call one method which is in java script but how to call it within html.actionlink in same page
View 1 RepliesWhen I edit single recored in page, I use checkbox to get a selected row not every row with an actionlink element, but it seemed I cant make this way happen through calling javascript code (function GetSelectedRow() should return an id). Could anyone have a nice idea?
<head runat="server">
<title>Index</title>
<script type="text/javascript" language="javascript">
function GetSelectedRow() {
var a = 0;
var chkBoxes = document.getElementsByName("chkSelect");
var count = chkBoxes.length;
for (var i = 0; i < count; i++) {
if (chkBoxes[i].checked == true)
a = chkBoxes[i].primaryKeyID;
}
return a;
}
</script>
</head>
<body>
<div>
<span style="width:20%">
<%: Html.ActionLink("Add", "Create")%>
</span>
<span>
<%: Html.ActionLink("Edit", "Edit", new { id = GetSelectedRow()) %>
</span>
<span>
<%: Html.ActionLink("Detial", "Details", new { id = GetSelectedRow() })%>
</span>
<span>
<%: Html.ActionLink("Delete", "Delete", new { id = GetSelectedRow()) %>
</span>
</div>
<table>
<tr>
<th></th>
<th>
CategoryID
</th>
<th>
CategoryName
</th>
<th>
Description
</th>
</tr>
<% foreach (var item in Model) { %>
<tr>
<td>
<%: Html.ActionLink("Details", "Details", new { id = item.AppCategoryID })%>
</td>
<td>
<%: Html.CheckBox("chkSelect", false, new { primaryKeyID = item.AppCategoryID })%>
</td>
<td>
<%: item.AppCategoryID %>
</td>
<td>
<%: item.AppCategoryName %>
</td>
<td>
<%: item.Description %>
</td>
</tr>
<% } %>
</table>
</body>
I am using the Page Methods of Asp.Net Ajax to call the server method by enabling EnabledPageMethods of ScriptManager to "True". Can we return the DataSet using the Page Methods written on server side?
And also I want to know what are the default datatypes that are supported by the Page Methods to return to client?
so I've got some HTML that's generated dynamically. Part of it
StringBuilder.Append("<input type="button" onclick="Email_Clicked" value="Email" class="button" runat="server" />");
I need this to call C# method Email_Clicked
How can I accomplish this without asp:button control?
have the string with javascript call which is bound to HTML Select event:
@Html.DropDownList(Model.DropDownName, Model.ItemsForView, new { onchange = "someMethod('someArgumentValue')" })
which is rendered to the following code:
onchange="someMethod('someArgumentValue')"
Is there any way to make ' symbol render "as is"?
I use the JavaScriptSerializer class of ASP.net to serialize my object and return it to the client side. How can I deserialize the string using JavaScript?
View 4 RepliesI write in MVC.I have UserControl that has inside
[Code]....
I realize that this happens only when I load UserControl through Ajax call,but I don't understand why. Can someone explain what is going on behind the scene? I want to understand why loading html with script inside it doesn't downloads the script.
I have a page with an AJAX TabContainer and 4 AJAX TabPanels and have Save button. On a button click im calling javascript thats make ajax tab disappear why?
View 4 RepliesI have an updatepanel on the webpage and also the event UpdatePanel1_Load. After the webpage is loaded I will have the possibility to call the javascript function: "CallUpdatePanelLoad()" My question is how it would be possible to exectute the UpdatePanel1_Load in C# from this javascript function?
[Code]....
Having a ModalPopupExtender, the idea is to run a delete process from a SqlDataSource when Cancel button is clicked.
Our approach is as showed below:
<script type="text/javascript">
function deleteRec() {
alert("Call a Protected Sub btnNo_Click!");
}
</script>
<asp:ModalPopupExtender ID="Panel1_ModalPopupExtender" runat="server"
PopupControlID="Panel1" DynamicServicePath="" Enabled="True"
TargetControlID="btnFirePopup" BackgroundCssClass="modalBackground" Drag="true"
DropShadow="true" OkControlID="btnYes" CancelControlID="btnNo" OnCancelScript="deleteRec()" >
</asp:ModalPopupExtender>
Protected Sub btnNo_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnNo.Click
TempDB.Delete()
End Sub
First question: It's that correct?
Second Question: Is so, how do we call a Protected Sub from JavaScript?
I created a number of standard WCF Services (Service Contract and Host (svc) are in separate assemblies). I fired up a Web Site in IIS to host the Services (i.e., address is [URL]). Then in my Web Site project I added the reference. I am able to call the services normally. I am needed to call some of the services client side. Not sure if I should be looking at articles calling WCF services through AJAX, JQuery, or JSON enabled WCF Services. Some of the changes I made was adding the following to the Operation Contract:
[OperationContract]
[WebInvoke(Method = "POST", UriTemplate = "SetFoo")]
void SetFoo(string Id);
Then this above the implementation of the interface:
[AspNetCompatibilityRequirements(RequirementsMode =
AspNetCompatibilityRequirementsMode.Allowed)]
Then in the service webconfig I have this (parens are angle brackets):
<serviceHostingEnvironment aspNetCompatibilityEnabled="true">
<baseAddressPrefixFilters>
<add prefix=[URL]>>
</baseAddressPrefixFilters>
</serviceHostingEnvironment>
<serviceHostingEnvironment multipleSiteBindingsEnabled="false" />
Then in the client side I attempted this:
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
<compositeScript>
<Scripts>
<asp:ScriptReference
Path=[URL]/>
</Scripts>
</CompositeScript>
</asp:ScriptManagerProxy>
I am attempting to call the service like this in javascript: wcfservices.SetFoo(string Id); Nothing is working. If it is idea or a better solution to call JSON enable, JQuery, etc.... I am willing to make any changes.
i have a jquery .click() function that executes an .ajax() method call
[Code]....
when the .ajax() method executes succesfully it calls a javascript function
[Code]....
as you can see i have an .ajax() method inside my javascript function, is this possible? I am creating loop that starts on the finish listener of the soundmanager object. So when I need to make the ajax call to get he next url I need.
I know that I do not want to actually use an Ajax.ActionLink from within a JavaScript function, but for the life of me I cannot figure out how to replicate the behavior. Here is what I have in my MVC 3 RC2 _Layout.cshtml:
[Code]....
I do NOT want to use:
[Code]....
Unless that can be made to populate at runtime, on demand from a script. manually clicking the ""Load Menu" ActionLink works exactly like I want except it requires the user to click the link; I want to do that for them... in this case from the Body onload event.
I have ASP.NET form where i have Implemented Ajax ValidatorCalloutExtender for Validation Purpose. So can i call a JavaScript Function from Ajax ValidatorCalloutExtender for checking Correct Data entered by the User.
View 1 RepliesI have a rquirement thay in grdivew need to show the 2 custom ads and 3 google ads, so i have written an user control and inside that using the adsense script, and binding the gridview manually with 2 custom ads and then calling the user control with few functionality. But i have used ajax to ignore the post back So while clikging on paging the google ads are not loading as they are loading from javascript.I came to know that we cannot call javascript inside updaetpanel means Ajax, this is an urgent requirement for me,
View 2 Replies