将输入文本值传递给ajax调用 [英] passing input text value to ajax call
本文介绍了将输入文本值传递给ajax调用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我必须将输入文本中输入的字符串传递给通过jquery ajax调用的服务器方法。但它没有通过。可以请有人告诉我这里我做错了什么。下面是代码：
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);
}
});
}
上面是js文件，下面是它的aspx文件：
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>
推荐答案
您需要获取数据：{'ntid'：$（'＃Eid'）。val（）}，超出报价。
编辑看一下这里，您问题中的代码正确尝试发送ajax请求。
EDIT Take a look here, the code that's in your question properly attempts to send an ajax request.
编辑2 在这里：
$.ajax({
type: "POST",
url: "Testing.aspx/SendMessage",
data: { ntid: $('#Eid').val()}, // Notice the lack of quotes
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(result) {
console.log(result.d);
resultData = eval("(" + result.d + ")");
//$("#rawResponse").html(result.d);
},
error: function(result) {
alert("jQuery Error:" + result.statusText);
}
});
这篇关于将输入文本值传递给ajax调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
