How can i call Jquery AJAX external URl in asp.net?

See also questions close to this topic

• Any efficient way to render nested json list in React?

  I am able to fetch REST API where I can get nested json output, and I want them to display in React component. Now I only can render them in the console which is not my goal actually. I am wondering if there is an efficient way to do this for rendering nested json list in React. can anyone give me a possible idea to make this work?

  here is what I did:

  import React, { Component } from "react";
  
  class JsonItem extends Component {
    render() {
      return <li>
        { this.props.name }
        { this.props.children }
      </li>
    }
  }
  
  export default class List extends Component {
    constructor(props){
      super(props)
      this.state = {
      data: []
      }
    };   
    componentDidMount() {
        fetch("/students")
        .then(res => res.json())
        .then(json => {
            this.setState({
            data: json
            });
        });
    }
    list(data) {
      const children = (items) => {
        if (items) {
          return <ul>{ this.list(items) }</ul>
        }
      }
      return data.map((node, index) => {
        return <JsonItem key={ node.id } name={ node.name }>
          { children(node.items) }
        </JsonItem>
      });
    }
    render() {
      return <ul>
        { this.list(this.props.data) }
      </ul>
    }
  }

  <script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
  
  <div id="container">
      <!-- This element's contents will be replaced with your component. -->
  </div>

  my current output:

  in my above component, I could render nested list on the console like this:

  

  fetched nested json list:

  [{"uin":"668913328","studentInfo":{"firstName":"JURAT","middleName":"","lastName":"SHAYIDING","rsvpStatus":"false","checkin":"true"}},
  {"uin":"670168300","studentInfo":{"firstName":"Jonathan","middleName":"Samson","lastName":"Rowe","rsvpStatus":"true","checkin":"true"}},
  {"uin":"670168228","studentInfo":{"firstName":"Christian","middleName":"Aspilla","lastName":"Cardenas","rsvpStatus":"false","checkin":"false"}},
  {"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}},
  {"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}},
  {"uin":"123123","studentInfo":{"firstName":"Phil","middleName":"","lastName":"Beltran","rsvpStatus":"Yes"}}]
  

  desired output:

  how can I properly render out nested json output on React? Any idea to make this happen? any thought? Thanks
• Dynamically generate divs based on how many elements are present in data

  In my backend I have seven categories and I want to dynamically create divs to house each one. The data is getting fetched via axios and I can see how the data looks through its url.

  JS snippet:

  import $ from 'jquery';
  import axios from 'axios';
  
  let _library,
      _categories;
  
  export default class {
      constructor() {
          this.callRESTAPI();
      }
  
      callRESTAPI(){
          axios.all([
              axios.get([redacted].siteAbsoluteUrl + "/[redacted]/_api/web/lists/getByTitle('Categories')/items?$select=Title,Description&$orderby=Title&$top=1000", {
                  method: "GET",
                  credentials: "include",
                  mode: "no-cors",
                  headers: {
                      "Accept": "application/json; odata=verbose"
                  }
              }),
  
      /// irrelevant code ///
  
      ]).then(axios.spread((cat, lib, admn) => {
              _categories = cat.data.d.results;
              _library = lib.data.d.results;
  
              this.loadCourses();
          })).catch(error => {
              console.log(error);
          });
      }
  
      getCategories(){
          return _categories;
      }
  
      loadCourses() {
          let crs = _library
              .map(x => {
                  return x.Category.Title;
              }).sort();
  
          this.populateCategory(crs, "div.top-training");
  
          let htmlElems = "";
          for (var i = 0; i < crs.length; i++) {
              htmlElems += "<div class='box'></div>";
          }
  
          let container = document.getElementById("container");
          container.innerHTML = htmlElems;
  
      }
  

  HTML snippet:

  <div class="top-training"></div>
  

  Data snippet:

  <feed xmlns="">
  <id></id>
  <content type="application/xml">
  <m:properties>
   <d:Title>Animals</d:Title>
   <d:Description>
     Animals are multicellular...
   </d:Description>
  </m:properties>
  </content>
  </entry>
  
• Send pdf from NodeJS and open it in another window in browser

  I am trying to send a pdf file from backend to frontend when I click a button using RestAPI. My code in the NodeJS is:

  var stat = fs.statSync(filePath);
  var file = fs.readFileSync(filePath, 'binary');
  res.setHeader('Content-Length', stat.size);
  res.setHeader('Content-Type', 'application/pdf');
  res.setHeader('Content-Disposition', 'attachment; filename='+ pdfName + '.pdf');
  res.write(file, 'binary');
  res.end();
  

  When I click the button, if I inspect the console on the browser, I get the following data (I used a console.log(data), where data is what I get from the backend)

  

  What should I do on the frontend side so that when I click that button, a new tab will be opened automatically, with the pdf that I sent? Or if my approach isn't good, what should I send from the backend?
• What's the difference between rxjs/observable and a "usual" jQuery AJAX method?

  What is the difference between rxjs/Observables and JQuery, when I use $.get() or any other async function?

  Both are asynchronous and reactive?
• How to dynamically set columnNumber for each div?

  Class:

  public class FieldsWrapper {
      public String apiName ;
      public Integer columnNumber;
  }
  

  html:

  <div class="case-section">
      <repeat tag here which repeats each value value="{!lstCaseAPIName}" var="eachApiName">
          <div>
              <!--api Name here-->
          </div>
      </repeat>
  </div>
  

  the lstCaseApiName will contain values from server side : public List<FieldsWrapper> lstCaseAPIName, which will have column number and field name.

  Expected: If a column number is 1, then it should display in full width : 100% if column number is 2, then it should display div two divs in single row with each width as 50%.

  Is there any attribute in html to do this, or do I need to do this via JS?
• Moving away from maintaining 2 projects (azure vs non-azure)

  We have an asp.net web app that is hosted in 2 environments, one being hosted on azure and one being a "stand-alone" version, hosted on a company server using IIS. These projects are not identical. For example, the azure project uses Microsoft.WindowsAzure.Storage.Queue, etc....

  The pain point is this: When we make code changes or enhancements to one project, we have to make the same changes to the other project, which is a huge pain.

  Any suggestions on a better way to handle and manage this? Some clients want to install our web app on their own server, while others prefer azure.

  Thanks for your feedback and insight.
• Display dynamic data in a repeater

  My overall scenario:when i clicked on the different checkbox ,a repeater should show some field which i need to fill and then request a soap request by clicking a button found in the repeater itself and show those data in a grid view.Each repeater item request a different soap request

  My scenario: For the moment i have only 3 checkbox that am using. Each checkbox has its own OnCheckedChanged function associated with it. When a checkbox is clicked the code below is executed.

   protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
      {
          if (checkbox1.Checked)
          {
  
  
              InputParameters.InputParameters aa = new InputParameters.InputParameters();
  
              //returns an array of columns
              String[] textboxs = aa.GetInputFields("testname");
  
              for (int i = 0; i < textboxs.Length; i++)
              {
                  // declare a textbox
                  TextBox CPDT = new TextBox();
  
                  CPDT.ID = i.ToString();
  
                  CPDT.Text = textboxs[i].ToString();
  
                  CPDRepeater.DataSource = textboxs;
  
                  CPDRepeater.DataBind();
              }
  
          }
      }
  

  When a second checkbox is click this function is executed.

    protected void Checkbox2_CheckedChanged(object sender, EventArgs e)
      {
          if (checkbox2.Checked)
          {
  
  
              InputParameters.InputParameters aa = new InputParameters.InputParameters();
  
              String[] textboxs = aa.GetInputFields("testname2");
  
              for (int i = 0; i < textboxs.Length; i++)
              {
                  // declare a textbox
                  TextBox CPDT = new TextBox();
  
                  CPDT.ID = i.ToString();
  
                  CPDT.Text = textboxs[i].ToString();
  
                  CPDRepeater.Controls.Add(CPDT);
              }
  
          }
  
      }
  

  what i want is that the repeater show the COMBINED result if those two checkbox are clicked. What i have figured out right now is that each time the data source id being overridden with new values and not appended.

  Can you guys suggest a way for me to keep adding columns to the datasource or a better way to implement this.
• What happens if transaction.Rollback/Commit never called in before closing the connection?

  What happens if transaction.Rollback/Commit never called in before closing the connection ?

  public DBStatus InsertUpdateUserProfile(Int64 UserID, W_User_Profile oUser)
  {
      MySqlConnection oMySQLConnecion = null;
      MySqlTransaction tr = null;
      DBStatus oDBStatus = new DBStatus();
      try
      {
          oMySQLConnecion = new MySqlConnection(DatabaseConnectionString);
          if (oMySQLConnecion.State == System.Data.ConnectionState.Closed || oMySQLConnecion.State == System.Data.ConnectionState.Broken)
          {
              oMySQLConnecion.Open();
          }
  
          tr = oMySQLConnecion.BeginTransaction();
  
          if (oMySQLConnecion.State == System.Data.ConnectionState.Open)
          {
              string Query = @"INSERT INTO user .....................;"
                              INSERT IGNORE INTO user_role ....................;";
  
              MySqlCommand oCommand = new MySqlCommand(Query, oMySQLConnecion);
              oCommand.Transaction = tr;
  
              oCommand.Parameters.AddWithValue("@UserID", UserID);                            
              oCommand.Parameters.AddWithValue("@AddressID", oUser.AddressID);                                 
      ................
      ................
  
  
              int sqlSuccess = oCommand.ExecuteNonQuery();
  
              if (sqlSuccess>0)
              {
                  tr.Commit();
                  oDBStatus.Type = DBOperation.SUCCESS;
                  oDBStatus.Message.Add(DBMessageType.SUCCESSFULLY_DATA_UPDATED);
              }
              oMySQLConnecion.Close();
          }
          else
          {
              oDBStatus.Type = DBOperation.ERROR;
              oDBStatus.Message.Add(DBMessageType.ERROR_DUE_TO_NO_DB_CONNECTION);
          }
          return oDBStatus;
      }
      catch (Exception ex)
      {
          if (oMySQLConnecion.State == System.Data.ConnectionState.Open)
          {
              tr.Rollback();
              oMySQLConnecion.Close();
          }
          oDBStatus.Type = DBOperation.ERROR;
          oDBStatus.Message.Add(DBMessageType.ERROR_OR_EXCEPTION_OCCURED_WHILE_UPDATING);
          oDBStatus.InnerException.Add(ex.Message);
          return oDBStatus;
      }
  } 
  

  In the above function, I do Commit if transaction is successful and Rollback if it fails and connection is still on.

  If the connection is terminated there is no Rollback. I read many places that says it will be a automatic Rollback if the connection terminates without Commit (what I want). Is this a bad practice ? I could add try-catch after connection establishes but add little code in every similar functions. Does it really necessary ?
• Angular Post request goes to pending status and does not hit the server

  I am trying to get the user list for a email Id using a post request , Sometimes the post request goes to pending status and it stays in the same status forever.If I restart the tomcat then the request works but after some times the same issue occurs.

  Below is the post method calling in angular

  loadBOEDetailsListByEmail(emailId, password) {
  const url = `${environment.url}backofficeemployee/detailsByBoeEmailId/`;
  const params = {
    resetEmail: emailId
  };
  const myHeader = new HttpHeaders();
  myHeader.append('Content-Type', 'application/x-www-form-urlencoded');
  return Observable.create(observer => {
    this.http.post(url, params, { headers: myHeader }).subscribe(
      (response: any) => {
        if (response && response.data && response.data[0] !== undefined) {
          this.accountList = response.data;
          const boe = response.data[0];
          this.checkAccountValidity(boe, password, observer);
        } else {
          observer.error('No account found');
        }
      },
      () => observer.error('Employee service call failed')
    );
  });
  

  }

  In the java side this is how I am receiving

      // Backoffice employee - Details by BoeUserId
  @PostMapping(value = "/detailsByBoeEmailId/")
      public @ResponseBody Map<String, Object> getBackofficeemployeeDetailsByBoeEmailId(@RequestBody ResetpasswordRequestDto requestDto) {
          log.info(" boeEmailId in getBackofficeemployeeDetails {}", requestDto.getResetEmail());
          try {
              List<BackofficeemployeeResponseDto> backofficeemployeeResponseDto = backofficeemployeeService
                      .getByBoeEmailId(requestDto.getResetEmail());
              return JsonUtils.mapOK(backofficeemployeeResponseDto);
          } catch (Exception e) {
              log.error("Exception in getBackofficeemployeeDetailsByBoeEmailId", e);
              return JsonUtils.mapError(ERROR_MSG + e.getMessage());
          }
      }
  
• Android pass Uppercase first character of API with retrofit

  in our webservice we can pass username and password with this below structure and we can get data from server successful

  POST  ->  http://www.sample.com/Service1.svc/login
  
  Content-Type: application/json
  
  Body: 
  
  {
  "UserName": "1",
  "Password": "1"
  }
  

  or with Curl:

  curl -X POST -H 'Content-Type: application/json' -i 'http://www.sample.com/Service1.svc/login' --data '{
  "UserName": "1",
  "Password": "1"
  }'
  

  my problem with Retrofit is Uppercase of first characters on username and password when i implementing this below code i get 0 as username and password is not correct

  LoginSchema class:

  class LoginSchema {
      private int Username;
      private int Password;
  
      public LoginSchema(int username, int password) {
          Username = username;
          Password = password;
      }
  }
  

  Retrofit implementation:

  LoginSchema loginSchema = new LoginSchema(1, 1);
  
  Call<Integer> call = requestService.checkLoginAccount(loginSchema);
  call.enqueue(new Callback<Integer>() {
      @TargetApi(Build.VERSION_CODES.KITKAT)
      @Override
      public void onResponse(@NotNull Call<Integer> call, @NotNull final Response<Integer> response) {
          try {
              if (response.isSuccessful() && response.body() != null) {
                  EventBus.getDefault().post(new EventLoginResult(true, response.body().toString()));
              } else {
                  EventBus.getDefault().post(new EventLoginResult(false, null));
              }
          } catch (Exception e) {
              EventBus.getDefault().post(new EventLoginResult(false, null));
          }
      }
      @Override
      public void onFailure(Call<Integer> call, Throwable t) {
      }
  });
  

  and then API implementation:

  public interface RestfulWebServices {
      @Headers("Content-Type: application/json")
      @POST("/Service1.svc/login")
      Call<Integer> checkLoginAccount(@Body TaskLogin.LoginSchema loginSchema);
  }
  
• Can I use rikulo to call soap webservices from Flutter?

  I am trying to connect to soap web services. In pub plugin I found rikulo. So I am wondering if I can use this plugin to connect soap web services in Fluter.

  Can I use rikulo to call soap webservices from Flutter?