初学ajax 一个简单的功能,调试了2个小时,代码如下虽然成功了 但是有错误

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="scripts/jquery-1.11.3.min.js"></script> <script>
$(function () {
$("#btnLogin").click(function () { if ($("#txtName").val() == "") {
alert("用户名不能为空");
return false;
} $.ajax({
type: 'POST',
url: "Login.ashx",
data: { userName: $("txtName").val(), userPwd: $("txtPwd").val() },
success: function (data) {
alert(data);
},
datatype:Text
})
})
})
</script>
</head>
<body class="container"> <div class="group">
<label class="control-label">用户名</label>
<input id="txtName" class="form-control" name="txtName" /> </div>
<div class="group">
<label class="control-label">密码</label>
<input id="txtPwd" class="form-control" name="txtPwd" /> </div> <button id="btnLogin" class="btn-group" name="btnLogin">登录</button>
<button id="btnReset" class="btn-group" name="btnReset">重置</button>
</body>
</html>

后台就是 新建 个一般处理程序 helloword

后来 dataType 换成 json 结果就不对了

在测试发现。。。json要用引号引起来

看文档

dataType

类型:String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

  • "xml": 返回 XML 文档,可用 jQuery 处理。
  • "html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
  • "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
  • "json": 返回 JSON 数据 。
  • "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
  • "text": 返回纯文本字符串

字符串。。。字符串。。。字符串 重要的事说三便 也就是 我前边的text也是错的 虽然 出来了正确的结果

再说第二个问题 传过去后登录 收不到值 。。。。又检查 。。。。$("txtName")少个#号 。。这是一个id啊 这是一个id

最后前台成这样了

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="scripts/jquery-1.11.3.min.js"></script> <script>
$(function () {
$("#btnLogin").click(function () { if ($("#txtName").val() == "") {
alert("用户名不能为空");
return false;
} var username = $("#txtName").val();
var userpwd =$("#txtPwd").val(); //$.ajax({
// type: 'POST',
// url: "Login.ashx",
// data: {userName: $("txtName").val(),userPwd: $("txtPwd").val() },
// success: function (data) {
// alert(data);
// }
// //datatype:"json"
//}) alert(username+userpwd); $.post("Login.ashx", { UserName:username, UserPass:userpwd }, function (result) {
alert(result);
}); })
})
</script>
</head>
<body class="container"> <div class="group">
<label class="control-label">用户名</label>
<input id="txtName" class="form-control" name="txtName" /> </div>
<div class="group">
<label class="control-label">密码</label>
<input id="txtPwd" class="form-control" name="txtPwd" /> </div> <button id="btnLogin" class="btn-group" name="btnLogin">登录</button>
<button id="btnReset" class="btn-group" name="btnReset">重置</button>
</body>
</html>

.net 一般处理程序代码 如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Data.SqlClient; namespace UI
{
/// <summary>
/// Login 的摘要说明
/// </summary>
public class Login : IHttpHandler
{ public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain"; string userName = context.Request.Form["userName"]==null ?"":context.Request.Form["UserName"].ToString();
string userPwd = context.Request.Form["UserPass"] == null ?"" : context.Request.Form["UserPass"].ToString(); using (SqlConnection con = new SqlConnection("server =.;uid=sa;pwd=123;database=LT"))
{
using (SqlCommand cmd = new SqlCommand())
{
string s = string.Format("select Count(1) cnt from users where userName ='{0}' and pwd='{1}'", userName, userPwd);
cmd.CommandText = s;
cmd.Connection = con;
con.Open(); int cnt = int.Parse( cmd.ExecuteScalar().ToString()); if (cnt == )
{
context.Response.Write(userName+userPwd+"登录成功"+s); }
else
{ context.Response.Write(userName+ userPwd + "登录失败"+s); }
}
} } public bool IsReusable
{
get
{
return false;
}
}
}
}

一定要细心

但 有时由于以前的习惯,只是细心是不能解决的,这个需要靠长时间的积累了~~

要多做、多写、多看。

jQuery Ajax请求 .net 一般处理程序的更多相关文章

  1. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  2. jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示

    1.jquery ajax请求方式与提示用户正在处理请稍等 为了提高用户体验度,我们通常会给出 “正在处理,请稍等!”诸如此类的提示.我们可通过设置$.ajax()下的参数beforeSend()来实 ...

  3. jQuery ajax 请求php遍历json数组到table中

    html代码(test.html),js在html底部 <!DOCTYPE html> <html lang="en"> <head> < ...

  4. jquery Ajax请求示例,jquery Ajax基本请求方法示例

    jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...

  5. 原生js,jquery ajax请求以及jsonp的调用

    ajax    是用来处理前后端交互的技术,可以改善用户体验,其本质是    XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容  ...

  6. jQuery ajax请求错误返回status 0和错误error的问题

    上周发现一个jQuery ajax请求错误返回status 0和错误error的问题,responseText是"error",状态码是0而不是200: $.ajax({ type ...

  7. jquery Ajax请求中显示Loading...

    jquery Ajax请求中显示Loading... $('#btnTest').click(function(){      $.ajax({           url ---- ,根据你需要设置 ...

  8. 二、jQuery Ajax请求

    一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/a ...

  9. jquery ajax 请求参数详细说明 及 实例

    url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

随机推荐

  1. docker学习路线图

    https://yq.aliyun.com/articles/40494?spm=a2c4e.11153959.teamhomeleft.23.6ea918b1KErlfs

  2. C语言新手写扫雷攻略2

    接下来是游戏的功能设计,要有扫雷的基本功能,左键点击雷区,右键红旗标记,并且可以统计雷数,可以重新开始,以下是游戏的功能初始 void Game(void) { while (1) { if (FLA ...

  3. android API版本对应的系统版本及Android获取手机和系统版本等信息的代码

    学了这么久的Android,竟然一直对其API对应的名称关系一值搞不清楚,现在网上认真看了下资料,转载一个觉得写得不错的作者的文章,记下来: [背景] 之前折腾android期间,慢慢地知道了,And ...

  4. 第十四届华中科技大学程序设计竞赛--J Various Tree

    链接:https://www.nowcoder.com/acm/contest/106/J来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32768K,其他语言65536 ...

  5. JAVA学习之数组

    一.数组定义同一种类型数据的集合,其实数组就是一个容器数组定义格式:1.数据类型[] 变量名 = new 数据类型[数组长度] int[] arr = new int[5]; 2.数据类型[] 数组名 ...

  6. 编码(RZ NRZ NRZI)

    Frm: https://jingyan.baidu.com/album/39810a23addccbb637fda66a.html?picindex=1 RZ 编码(Return-to-zero C ...

  7. css3继承

    不可继承的:display.margin.border.padding.background.height.min-height.max- height.width.min-width.max-wid ...

  8. echarts的图表根据父容器大小的改变而改变(弹窗easy-ui的window窗口)

    1.echarts的图表只绘制一次,所以要想大小随着父容器变化就得调方法重新绘制.所以把绘制图表的方法提出来. <div class="echart"> <div ...

  9. 【第十周读书笔记】读node入门,一本全面的node.js教程

    我学到了路由的定义,路由就是解析URL然后转到相应的执行程序. 我们要为路由提供请求的URL和其他需要的GET及POST参数,随后路由需要根据这些数据来执行相应的代码(这里“代码”对应整个应用的第三部 ...

  10. CAS机制是什么?有什么缺点,会出现什么问题

    CAS是英文单词Compare And Swap的缩写,翻译过来就是比较并替换. CAS机制当中使用了3个基本操作数:内存地址V,旧的预期值A,要修改的新值B. CAS的缺点: 1.CPU开销较大 在 ...