js使用ajax传值给后台,后台返回字符串处理方法


Posted in Javascript onAugust 08, 2018

之前使用js获取后台生成的JSON字符串,然后给select填充值,这次需要重新获取一次。

这里的目标是,在一个input输入框里,输入一个用户名,判断是否为空,是否不存在,如果存在返回几个字段给前台,前台再绑定到其他input上

直接垒代码

HTML页面

<code class="language-html"><input type="text" id="iusername" runat="server" onblur="tbox_click()"/> 
<input id="inadd" runat="server" type="text" /> 
<input id="intel" runat="server" type="text" /></code>

js

<script>
  function tbox_click() {
   var cc = document.getElementById("iusername").value;
   var jsonob = {tbname:cc};
   $.ajax({
    type: "Post",
    url: "tc.aspx/Tbclick",
    contentType: "application/json; charset=utf-8",
    dataType: "text",
    data: JSON.stringify(jsonob),
    success: function (data) {
     var a = eval("(" + data + ")");
     var al = a.d;
     if (al == "namenull") {
      alert("The user name does not exist. Please re-enter it(该用户名不存在,请重新输入)");
      return;
     }
     if (al == "null") {
      alert("Please input OBTUsername(请输入用户名)");
      return;
     }
     //alert(a.d);
     var myd = new Array();
     myd = a.d.split("|");
     $("#intel").val(myd[0]);
     $("#inadd").val(myd[1]);
    },
    error: function (e) {
     alert(e.message);
    }
   });
  }
 </script>

后台

[WebMethod]
  public static string Tbclick(string tbname)
  {
   if (tbname.Trim() == "")
   {
    return "null";
   }
   var user = new User(tbname.Trim());//这个是根据tbname从数据库中获取信息的方法,可以自行填写
   if (user.userName == null)
   {
    return "namenull";
   }
   string jsonText = user.mobile+"|"+user.address;
 
   return jsonText;
  }

这里重点说一下和之前的那个的区别,之前的有个函数,返回值是已经处理成JSON格式的字符串,这里的返回值则不是,所以在js里的处理不一样,原来的方式是

var aa = eval("(" + data.d + ")");
alert(aa);

这里则是

var a = eval("(" + data + ")");
alert(a.d);

此一时彼一时也,这个问题找了好久才发现。

以上这篇js使用ajax传值给后台,后台返回字符串处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript字符串拼接的效率问题
Dec 25 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
用jquery.sortElements实现table排序
May 04 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
vue下载excel的实现代码后台用post方法
May 10 Javascript
小程序接口的promise化的实现方法
Dec 11 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 #Javascript
微信小程序wepy框架笔记小结
Aug 08 #Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 #Javascript
JavaScript常见JSON操作实例分析
Aug 08 #Javascript
vue.js与后台数据交互的实例讲解
Aug 08 #Javascript
JS实现自定义弹窗功能
Aug 08 #Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 #Javascript
You might like
php防止SQL注入详解及防范
2013/11/12 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
php中this关键字用法分析
2016/12/07 PHP
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
Bootstrap如何创建表单
2016/10/21 Javascript
JS实现的几个常用算法
2016/11/12 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
Python面向对象编程基础解析(二)
2017/10/26 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
动物学专业毕业生求职信
2013/10/11 职场文书
学习保证书范文
2014/04/30 职场文书
技术负责人任命书
2014/06/05 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
python 提取html文本的方法
2021/05/20 Python