passing input text value to ajax call
Posted
by amby
on Stack Overflow
See other posts from Stack Overflow
or by amby
Published on 2010-04-09T03:04:47Z
Indexed on
2010/04/09
3:13 UTC
Read the original article
Hit count: 494
Hi, I have to pass string entered in the input text to server method calling through jquery ajax. But its not going through. can please somebody tell me what i m doing wrong here. Below is the code:
$.ajaxSetup({ cache: false timeout: 1000000}); function concatObject(obj) { strArray = []; //new Array for (prop in obj) { strArray.push(prop + " value :" + obj[prop]); } return strArray.join();} //var Eid = "stephen.gilroy1"; function testCAll() { //var ntid = $('#Eid').val(); $.ajax({ type: "POST", url: "Testing.aspx/SendMessage", //data: "{'ntid':'stephen.gilroy1'}", //working data: "{'ntid': $('#Eid').val()}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(result) { alert(result.d); resultData = eval("(" + result.d + ")"); $("#rawResponse").html(result.d); //$("#response").html(resultData.sn); }, error: function(result) { alert("jQuery Error:" + result.statusText); } });}$.ajaxSetup({
cache: false
//timeout: 1000000
});
function concatObject(obj) {
strArray = []; //new Array
for (prop in obj) {
strArray.push(prop + " value :" + obj[prop]);
}
return strArray.join();
}
//var Eid = "stephen.gilroy1";
function testCAll() {
//var ntid = $('#Eid').val();
$.ajax({
type: "POST",
url: "Testing.aspx/SendMessage",
//data: "{'ntid':'stephen.gilroy1'}", //working
data: "{'ntid': $('#Eid').val()}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(result) {
alert(result.d);
resultData = eval("(" + result.d + ")");
$("#rawResponse").html(result.d);
//$("#response").html(resultData.sn);
},
error: function(result) {
alert("jQuery Error:" + result.statusText);
}
});
}
above is js file and below is its aspx file:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Testing.aspx.cs" Inherits="Testing" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery.js" type="text/javascript"></script>
<script src="Testing.js" type="text/javascript"></script>
<script src="json2.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
Employee's NTID: <input type="text" id = "Eid" name="Employee_NTID" />
<asp:GridView ID="GridView1" runat="server">
</asp:GridView>
<br />
<br />
<input type="button" onclick="testCAll()" value = "Search"/>
<div id="rawResponse"></div>
<hr />
<div id="response"></div>
</div>
</form>
</body>
</html>
© Stack Overflow or respective owner
