IskanderRaimbayev IskanderRaimbayev - 2 months ago 12
jQuery Question

How to collect page's data with POST request?

Let's assume I have a simple page with some information and a form.

@using (Html.BeginForm("UpdateOrder", "OrderController", FormMethod.Post)) {
// some inputs here
}
<p id="user_info">Some text here</p>


All input's data will be sent like model or by FormCollection to the Controller.

However, I want also to send to the controller any text\image, generally any information from the page that located outside the form. Here text with id "user_info" as an example.

I wonder if it could be implemented without jQuery, only by using default Controller's functionality.

Answer

You can do it simply

1- if you want to upload some documents or images than your form should be like bellow code:

@using (Html.BeginForm("ApplyOnline", "Applieds", null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
  @Html.AntiForgeryToken()
  <input type="hidden" name="JobId" id="JobId" value="@ViewBag.JobId" />

  @Html.ValidationSummary(true, "", new { @class = "text-danger" })

   <div class="form-group">
      <label class="control-label col-md-3">First Name (اسم)</label>
      <div class="col-md-8">
      @Html.EditorFor(model => model.FirstName, new { htmlAttributes = new { @class = "form-control",@required="required" } })
      @Html.ValidationMessageFor(model => model.FirstName, "", new { @class = "text-danger" })
   </div>
  </div>
   <input type='file' name='pmd' id='pmd' />
<input type="submit" value="Apply" class="btn btn-primary"  />
}

than in countroller in post method

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult ApplyOnline([Bind(Include = "Id,JobId,FirstName")] Applied applied, HttpPostedFileBase pmd, int JobId)
{
  if (ModelState.IsValid)
  {
            //---save the data---------//
            db.MyAppliedContext.Add(applied);
            db.SaveChanges();
            //---Get inserted Id----//
            int insertedId = applied.Id;
             //--------Upload PMD-------------------//
            if (pmd != null && pmd.ContentLength > 0)
            {
                try
                {
                    var PMDFileName = "PMD-" + applied.JobId + "-" + TrimedUser + "-" + insertedId + "-" + pmd.FileName;
                    //var P11FileName = DateTime.Now.ToString();
                    string path = Path.Combine(Server.MapPath("~/App_Data/system"),
                                               Path.GetFileName(PMDFileName));
                    pmd.SaveAs(path);
                    UploadFiles MyPMDUploads = new UploadFiles();
                    MyPMDUploads.JobId = applied.JobId;
                    MyPMDUploads.ApplyId = insertedId;
                    MyPMDUploads.FileName = Path.GetFileName(PMDFileName);
                    MyPMDUploads.FilePath = path;
                    db.MyUploadFileContext.Add(MyPMDUploads);
                    db.SaveChanges();

                    ViewBag.Message = "PMD uploaded successfully";
                }
                catch (Exception ex)
                {
                    ViewBag.Message = "ERROR PMD:" + ex.Message.ToString();
                }

            }
            else
            {
                ViewBag.Message = "You have not specified a PMD file.";
            }
   }
   return view(Model);
}

this way you can upload files and data all is included hop this help you

Comments