C# 程序员如何使用 JavaScript 编写解决方案？

Question

更新：也许我原来的帖子并不清楚这一点，但我主要感兴趣的是在构建解决方案时了解如何构建 javascript 代码的最佳实践，而不仅仅是学习如何使用 API（尽管这确实很重要）。

我需要向网站添加功能，我们的团队决定使用 Web 服务来实现该解决方案，该服务从网站内接收来自 JSON 格式的 AJAX 请求的调用。 Web 服务已创建并且运行良好。现在我的任务是编写解决方案的 javascript/html 部分。

如果我在 C# 中解决这个问题，我将创建单独的类来格式化请求、处理 AJAX 请求/响应、解析响应，最后以某种方式将响应插入到 DOM 中。我会在每个类中适当地构建属性和方法，并尽最大努力在适当的情况下分离功能和结构。

但是，我必须在 javascript 中解决这个问题。首先，我怎样才能像上面描述的从 C# 中处理它一样，在 javascript 中处理我的解决方案？或者更重要的是，在 javascript 中构建代码的更好方法是什么？

任何建议或网络上有用材料的链接将不胜感激。

注意：虽然可能与这个问题没有立即相关，但值得注意的是我们将在我们的解决方案中使用 jQuery。

Answer 1

如果您使用 jQuery，那么您已经拥有了一组丰富的 Ajax 工具。一旦您开始编写代码，我怀疑您会发现考虑到框架中已有的功能，并没有您想象的那么复杂。 研究 jQuery API！

编辑至于构建代码，好吧，我再次提供建议，考虑以您自己的 jQuery 插件的形式添加功能。这很容易做到，并且可以（如果小心完成）使您的代码可维护和可重用。我花了一段时间才开始这样思考事情。在习惯 jQuery 的过程中，我倾向于考虑将 jQuery 对象作为参数传递给的实用程序：

function myCode(jq) {
  if (jq.is('div')) {
    // ...
  }
}

现在我在旧代码中找到了这些并蠕动，因为它们确实应该作为 jQuery 插件来完成：

jQuery.fn.myCode = function() {
  if (this.is('div')) {
    // ...
  }
  return this;
};

使用这么小的插件比我最初编写的那些笨拙的函数要干净得多。

当然，并非所有事情都可以或应该这样做。这只是我的经验的一些建议。

Answer 2

我本来打算推荐 JQuery - 它非常适合处理 JSON/AJAX 请求。

听起来您最关心的是封装；你想把你的担忧分开。在创建 OOP 解决方案时，Javascript 与 C# 的感觉不同，但您仍然可以通过 Javascript 利用许多 OOP 功能。这是开始使用 Javascript 的 OOP 功能的好地方：

http://www.javascriptkit.com/ javatutors/oopjs.shtml

最后，您可以创建一个类来一起处理您的每个需求（格式化、执行 AJAX 查询、处理 AJAX 响应）：

$.DataHandler = new function()
{
    this.MyData = "Default Value",
    this.FormatData = function() { return this.MyData; }
    this.HandleResponse = function(data) { ... do something ... }
    this.DoAJAX = function()
    {            
        $.ajax({
            type: "GET",
            url: "/path/to/your/ajax",
            data: this.FormatData(),
            dataType: "json",
            success: this.HandleResponse
        });
    }
} 

我还没有测试上面的代码，但是您得到了主意。稍后，你可以做这样的事情：

$.DataHandler.MyData = "Some other data";
$.DataHandler.DoAJAX();

无论如何，这就是基本的想法。您可以使用 Javascript 进行很多 OOP/封装，具体取决于您的风格和要求。

-道格

Answer 3

实际上，您使用 jQuery 的事实是非常相关的。 jQuery 将为您提供许多原本需要抽象或封装的东西。例如，仅使用 Javascript，您可能希望封装基于浏览器的 Request 对象的创建。 jQuery 会为您处理此问题，并使用 $.ajax() 及其相关的 $.get 和 $.post.根据您想要对返回的信息执行的操作，完全可以接受不要过度构建您的 javascript 并执行以下操作：

$.get('TestService.asmx/HelloWorld', function(data) {
  $('#resultElement').html(data);
});  

请记住，javascript 必须由客户端加载，除非必须，否则不要压低它。您习惯在 C# 中使用的许多面向对象原则并不是真正必要的。

Answer 4

如果您使用 jQuery，它应该非常简单，大部分背景内容（格式化请求、处理响应...等）都已为您完成。

您可能想研究 jquery.getJSON()

特别是回调函数将是您将在其中处理返回的 JSON - 您将在其中解析数据...等

Answer 5

这正是人们使用 jQuery 的目的。它涵盖了 Ajax 和 DOM 操作，因此学习 jQuery 站点和 jQuery 文档 应该可以帮助您一起破解一些东西。

一般来说，JavaScript 很难使用，因为它看起来就像典型的 Algol 家族语言，但行为却很微妙。 （例如，JavaScript没有具有块作用域。）如果您想投入一些时间，可以阅读的基本书籍是Javascript：好的部分。作者在他的网站上有一些有趣的文章。

顺便说一句，你的设计非常好，而且 JS 是面向对象的，所以你当然可以实现它。 JS 只是在继承和封装方面与主流 OO 语言不同（分别是原型和闭包）。上面引用的书中对此进行了足够详细的介绍。